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

Posted 2021-04-16

我想刷新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);
    });
}

答案

你能尝试在成功函数内再次运行getbasket（）函数吗？

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

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