美文网首页
jsp局部刷新

jsp局部刷新

作者: 不要鬼叫鬼叫 | 来源:发表于2020-01-14 17:02 被阅读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);

        }
    });
}

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

相关文章

  • jsp局部刷新

    以防大家不懂下面的拙劣代码是个什么东东,我先说一下这个思路。我在页面上需要局部刷新一个表格,这个表格是根据搜索框点...

  • iOS_UITableView中的几种刷新方式

    刷新UITableView 刷新局部cell 以上是刷新第0个section的第0个cell 刷新局部sectio...

  • 局部刷新

    override fun onBindViewHolder(holder: ViewHolder, positio...

  • vuejs入门-子路由(三)

    上次说了整页导航,这次我们说页面局部导航局部导航白话就是:页面局部刷新或是视图局部刷新 1.搭建项目:vue in...

  • jsp页面中局部模块数据刷新的实现

    需求如下图所示: 1.首先想到的方式是: 给发布类型(select标签)添加onchange()事件,值不同,调用...

  • Recyclerview局部刷新

    Recyclerview局部刷新

  • day10-左滑删除

    数据刷新01全局刷新数据刷新02局部刷新 是什么? UITableViewDataSource 的代理方法./**...

  • 关于局部刷新的一点思考

    1.思索如何完成页面局部的刷新 2.考虑应用jquery+ajax完成局部刷新.get(),(id).html()...

  • RecyclerView局部刷新

    要求:一系列的item,然后只需要刷新其中的两个item,其他的不变化,保持原状。 设置每个图片的tag,然后刷新...

  • RecyclerView局部刷新

    在我们开发项目中,如果用到了RecyclerView,而每个item布局中又需要加载图片的话,如果每次更新...

网友评论

      本文标题:jsp局部刷新

      本文链接:https://www.haomeiwen.com/subject/ddeaactx.html