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

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

 

posted @ 2012-12-31 14:01  诸葛风流  阅读(2580)  评论(0编辑  收藏  举报