jquery的ajax异步请求接收返回json数据实例
jquery的ajax异步请求接收返回json数据方法设置简单,一个是服务器处理程序是返回json数据,另一种就是ajax发送设置的datatype设置为jsonp格式数据或json格式都可以。
代码示例如下:
$('#send').click(function(){ $.ajax({ type:"GET", url:"a.php", dataType:"jsonp", success:function(data){ $.each(data.items,function(i,item){ $("<imgclass='para'/>").attr("src",item.media.m).appendTo("#resText"); if(i==3){ returnfalse; } }); } }); });
$.ajax方法如下:
$.ajax({ type:"POST", url: ctxRoot+'FolderAction!saveInformSetting.action', data:'jsonStr='+inform_settingListStr, dataType:"json", complete:function(data){ //在这里做些事情,假设返回的json数据里有name这个属性 //有时候可以直接data.name或者data['name']去访问 //但有时候,却要通过varjsonData=eval("("+data.responseText+")");才可以通过jsonData.name访问,而且这种情况下,需要是complete而不是success } }); $.ajax(options)
这是最根本的JQueryAjax方法,只有一个参数options,该options参数中包含了请求信息和回调函数的信息。参数内容都是key:value对形式出现,并且都是可选的。
语法如下:
$.ajax({options});
url:(string)发送请求的地址,可以是服务器页面也可以是WebService动作。
type:(string)请求方式,POST或GET
data:(object)向服务器发送请求时带去的数据。是key:value对形式,如:{name:"grayworm",sex:"male"},如果是数组{works:["work1","work2"]}
dataType:(string)预期返回的数据类型。xml,html,json,text等
beforeSend:(Function)发送ajax请求前被触发,如果返回false则取消本次请求。如果异步请求需要显示gif动画,那应当在这里设置相应<img>的可见。
PS:这里再为大家推荐几款比较实用的json在线工具供大家参考使用:
在线JSON代码检验、检验、美化、格式化工具:
http://tools.jb51.net/code/json
JSON在线格式化工具:
http://tools.jb51.net/code/jsonformat
在线XML/JSON互相转换工具:
http://tools.jb51.net/code/xmljson
json代码在线格式化/美化/压缩/编辑/转换工具:
http://tools.jb51.net/code/jsoncodeformat
在线json压缩/转义工具:
http://tools.jb51.net/code/json_yasuo_trans
C语言风格/HTML/CSS/json代码格式化美化工具:
http://tools.jb51.net/code/ccode_html_css_json