jsp局部刷新

2020-01-14  本文已影响0人  不要鬼叫鬼叫

以防大家不懂下面的拙劣代码是个什么东东,我先说一下这个思路。
我在页面上需要局部刷新一个表格,这个表格是根据搜索框点击搜索后执行的方法,就是以下的代码。
在我用ajax请求到我需要的数据就需要替换掉之前的表格数据,也就是要局部刷新了。
所以,真正的刷新在请求成功后的方法里。

function reLoads(startDate,endDate) {
    $.ajax({
        url: prefix + "/day?startDate="+startDate+'&endDate='+endDate, //请求的url
        type: 'get', //请求的方式
        error:function (data) {
            alert('请求失败');
        },
        success:function (data) {
            //清空table中的html  这里因为我需要刷新的是一个表格,如果是需要刷新div或其它的,这里就是div的id
            $("#tableDayTd").html("");
            //  以下是需要替换的内容
            var str1 =
                '<td ondblclick="memberCountDay(\''+startDate+'\',\''+endDate+'\')">'+ data.memberCountDay + "</td>" +
                '<td ondblclick="VIPCountDay(\''+startDate+'\',\''+endDate+'\')">'+ data.VIPCountDay + "</td>" +
                '<td ondblclick="changeBalanceSumDay(\''+startDate+'\',\''+endDate+'\')">'+ data.changeBalanceSumDay + "</td>" +
                '<td ondblclick="changeBalanceSumDay(\''+startDate+'\',\''+endDate+'\')">'+ data.originalPriceSumDay + "</td>" +
                '<td>'+ data.integralConsumptionSumDay + "</td>" +
                '<td ondblclick="rechargeAmountSumDay(\''+startDate+'\',\''+endDate+'\')">'+ data.rechargeAmountSumDay + "</td>" +
                '<td>'+ data.walletSumDay + "</td>" +
                '<td>'+ data.integralSumDay + "</td>" +
                '<td ondblclick="merchantsDay(\''+startDate+'\',\''+endDate+'\')">'+ data.merchantsCountDay + "</td>" +
                '<td ondblclick="userDay(\''+startDate+'\',\''+endDate+'\')">'+ data.frontUserCountDay + "</td>";
            //追加到页面上
            $("#tableDayTd").append(str1);

        }
    });
}

真正的只有三步,较为简单。
以上为记录

上一篇 下一篇

猜你喜欢

热点阅读