jquery的ajax异步请求接收返回json数据实例

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

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) {
$("<img class='para'/> ").attr("src", item.media.m).appendTo("#resText");
if (i == 3) {
return false;
}
});
}
});
});
$.ajax⽅法如下:
复制代码代码如下:
$.ajax({
type: "POST",
url: ctxRoot+'FolderAction!saveInformSetting.action',
data: 'jsonStr=' + inform_settingListStr,
dataType: "json",
complete: function(data){
//在这⾥做些事情,假设返回的json数据⾥有name这个属性
//有时候可以直接或者data['name']去访问
//但有时候,却要通过var jsonData = eval("("+data.responseText+")");才可以通过访问,⽽且这种情况下,需要是complete⽽不是success
}
});
$.ajax(options)
这是最根本的JQuery Ajax⽅法,只有⼀个参数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压缩/转义⼯具:。

相关文档
最新文档