jquery的ajax异步请求接收返回json数据实例_jquery
程序员文章站
2022-05-11 21:44:01
...
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) {
$(" ").attr("src", item.media.m).appendTo("#resText");
if (i == 3) {
return false;
}
});
}
});
});
$.ajax({
type: "POST",
url: ctxRoot+'FolderAction!saveInformSetting.action',
data: 'jsonStr=' + inform_settingListStr,
dataType: "json",
complete: function(data){
//在这里做些事情,假设返回的json数据里有name这个属性
//有时候可以直接data.name或者data['name']去访问
//但有时候,却要通过var jsonData = eval("("+data.responseText+")");才可以通过jsonData.name访问,而且这种情况下,需要是complete而不是success
}
});
$.ajax(options)
代码示例如下:
复制代码 代码如下:
$('#send').click(function () {
$.ajax({
type : "GET",
url : "a.php",
dataType : "jsonp",
success : function (data) {
$.each(data.items, function (i, item) {
$(" ").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或者data['name']去访问
//但有时候,却要通过var jsonData = eval("("+data.responseText+")");才可以通过jsonData.name访问,而且这种情况下,需要是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动画,那应当在这里设置相应的可见。
上一篇: 解析php中反射的应用
推荐阅读
-
jQuery通过Ajax向PHP服务端发送请求并返回JSON数据
-
jQuery的Ajax接收java返回数据方法
-
Jquery 使用Ajax获取后台返回的Json数据后,页面处理
-
jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例
-
jquery的ajax异步请求接收返回json数据实例
-
使用jquery中封装的$.Ajax()进行异步通信并使用json方式实现数据传输
-
使用jquery的ajax向highchart+echart发送请求,并获得动态数据(实例讲解)
-
jquery序列化form表单使用ajax提交后处理返回的json数据
-
jquery/js 用ajax上传xml文件并解析返回数据展示的实例
-
小弟我用jquery的AJAX通过POST过来数据 appliction/json-rpc 接收不到,这是为什么?