在服务器端脚本末尾使用ajax将脚本重新加载到div中

Question

我有一个购物车，每个页面顶部的 minicart.php 添加使用 ajax 加载 (POST) 发送到它的产品并更新购物车会话。

在一页上，代码下方的另一个脚本 cart_list.php 过滤购物车金额以查找有效/无效促销。如果发现无效促销，则会将其从购物车会话中删除。

我在加载 cart_list.php 时重新加载 minicart.php 但它没有得到更改。如果是竞赛问题，我还尝试添加超时。

("#cart").load("/cart_list.php", {amountchange:amount,key:key}, function() {
        setTimeout(function() {
            $("#minicart").load("/minicart.php", {calledsolo:"true"});
            floatingBox();
        }, 500);
    });

如果我将 cart_list.php 放在代码中的 mini_cart.php 之上，它可以工作，但我不想这样做，我也想了解为什么，因为 mini_cart.php 无论如何都应该独立重新加载。

我该如何解决这个问题？

Answer 1

$("#minicart").load("/minicart.php", {calledsolo:"true"});

此调用不会等到完成。所以 floatingBox(); 在上述 ajax 调用完成之前被调用。尝试以下操作：

("#cart").load("/cart_list.php", {amountchange:amount,key:key}, function() {
            $("#minicart").load("/minicart.php", {calledsolo:"true"}, function(){
                floatingBox();
            });
    });