jQuery Ajax异步处理Json数据详解
程序员文章站
2022-07-15 21:11:38
...
$.ajax({ type: "get",//使用get方法访问后台 dataType: "json",//返回json格式的数据 contentType:"application/json",//发送信息至服务器时内容编码类型。默认值适合大多数应用场合。告诉服务器从浏览器提交过来的数据格式。 url: "BackHandler.ashx",//要访问的后台地址 data: "pageIndex=" + pageIndex,//要发送的数据 complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示 success: function(msg){//msg为返回的数据,在这里做数据绑定 var data = msg.table; $.each(data, function(i, n){ var row = $("#template").clone(); row.find("#OrderID").text(n.订单ID); row.find("#CustomerID").text(n.客户ID); row.find("#EmployeeID").text(n.雇员ID); row.find("#OrderDate").text(ChangeDate(n.订购日期)); if(n.发货日期!== undefined) row.find("#ShippedDate").text(ChangeDate(n.发货日期)); row.find("#ShippedName").text(n.货主名称); row.find("#ShippedAddress").text(n.货主地址); row.find("#ShippedCity").text(n.货主城市); row.find("#more").html("<a href=OrderInfo.aspx?id=" + n.订单ID + "&pageindex="+pageIndex+"> More</a>"); row.attr("id","ready");//改变绑定好数据的行的id row.appendTo("#datas");//添加到模板的容器中 });
参考:http://www.jb51.net/article/42795.htm
http://fyq891014.blog.163.com/blog/static/20074019120123305029795/
上一篇: placeholder的兼容处理(jQuery下)
下一篇: jquery cookie 插件下载
推荐阅读
-
jQuery异步获取json数据方法汇总
-
jQuery通过Ajax向PHP服务端发送请求并返回JSON数据
-
使用Jquery+Ajax+Json如何实现分页显示附JAVA+JQuery实现异步分页
-
Jquery Ajax 返回的json不执行success的原因详解
-
详解使用Vue.Js结合Jquery Ajax加载数据的两种方式
-
jQuery ajax json 数据的遍历代码
-
SpringMVC环境下实现的Ajax异步请求JSON格式数据
-
Jquery 使用Ajax获取后台返回的Json数据后,页面处理
-
对pandas处理json数据的方法详解
-
Jquery Ajax解析XML数据(同步及异步调用)简单实例