如何刷新特定的div内容以及来自ajax页面的内容

Question

我想刷新div内容。 当我更改模态对话框中的产品数量和div内容时（来自ajax页），但无法正常工作。 请让我知道我该怎么做。

从ajax页面加载模态

function getbasket(){
    $(".loader").show();
    $.get("{{url('basket')}}",
    function(success){
        $("#cartContent").html(success);
        $(".loader").removeAttr("disabled");
        $(".loader").fadeOut(1000);
    });
}

更改产品数量时调用此函数

function updateCart(obj){
    $(".loader").show();
    $.post("{{url('cart-update')}}",
    {
        rowId : obj,
        cartQty : $("#cartQty").val()
    },
    function(success){
        $( "#table_content" ).load(window.location.href + " #table_content" );
        $(".loader").removeAttr("disabled");
        $(".loader").fadeOut(1000);
    });
}

Answer 1

您可以尝试在成功函数内部再次运行getbasket（）函数吗？

function updateCart(obj){
    $(".loader").show();
    $.post("{{url('cart-update')}}",
    {
        rowId : obj,
        cartQty : $("#cartQty").val()
    },
    function(success){
        getbasket();
    });
}

或者，我将为此使用Angular，因为它将数据绑定到模型并为您处理更新。