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>"                
                        ));

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

  • 相关阅读:
    Design Pattern: Gof
    ZT --- extern "C"用法详解 2010-08-21 19:14:12
    OCR
    Linux strace命令
    wireshark esp
    https://sourceware.org/gdb/onlinedocs/gdb/Forks.html
    12306网上买火车票选择上中下铺的方法
    gdb调试有fork的程序
    named piped tcp proxy
    bash 提示用户输入 choice
  • 原文地址:https://www.cnblogs.com/xiangzhong/p/2840545.html
Copyright © 2011-2022 走看看