• AJax 无刷新构建DataTable


      Ajax我们主要用到的是$.post()方法,post方法一般用到四个参数{url、params、function、type},url是提交处理的地址,params表示传的参数,为json格式,如{"data":"xxxx","time":"2012"}等等,function为返回后调用的方法,如果有值传回来处理的话,则需要一个参数function(e),type为传回来的值的类型,比如text,json等。

      这里的无刷新分页不需要用到最后的一个参数。

      首先我们分几步走:

        第一步:将获取数据所要用到的参数通过params传到调用页面。

        第二步:获取参数后,从数据库或其他存储机制中获得数据。

        第三步:序列化所获得的数据,并输出 

    JavaScriptSerializer jssl = new JavaScriptSerializer();
    context.Response.Write(jssl.Serialize(list));//序列化Json

        第四步:使用function函数获取传回来的参数,这里要注意的是时间类型序列化后会格式不正确,最好转换为string类型。

     var contents = $.parseJSON(data);//获取传回来的数据

        第五步:得到返回数据后,清空页面上原有的数据

    $("#tble").empty(); //清空Table中的数据

        第六步:将现在的数据追加到某个标签中

    $("#tble").append($(
                         "<tr class='CTitle'>"+
                            "<td height='25' colspan='9' align='center' style='font-size: 16px'>"+data.Name+"</td></tr>"                
                        ));

      这样就将重新获得的数据无刷新的绑定上去。

  • 相关阅读:
    菜鸟涂鸦作品展_No.29
    菜鸟涂鸦作品展_No.27
    菜鸟涂鸦作品展_No.26
    关注的前沿动态
    货币转换
    第二周总结
    老鼠
    71 打印沙漏
    学习总结0.0
    第五周作业
  • 原文地址:https://www.cnblogs.com/xiangzhong/p/2840545.html
Copyright © 2020-2023  润新知