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>" ));
这样就将重新获得的数据无刷新的绑定上去。