zoukankan      html  css  js  c++  java
  • 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>"                
                        ));

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

  • 相关阅读:
    grpc学习
    01
    样本1
    杀死长时间占用CPU的进程
    SWFTools pdf2swf 参数详解
    C#自动下载并保存文件示例
    Flex初始化时加载外部XML
    通过XPDF抽取PDF中的中文文本
    Flex操作Json数据示例
    C#下载文件和将文件转换为数据流下载的示例
  • 原文地址:https://www.cnblogs.com/xiangzhong/p/2840545.html
Copyright © 2011-2022 走看看