js ajax异步请求实例,JavaScript_jquery的ajax异步请求接收返回json数据实例，jquery的ajax异步请求接收返回jso - phpStudy...

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) {

                $(" ").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无限分类使用concat如何实现

winxp系统安装完DirectX后Direct加速不可能该怎么办?

C#设置输入法实例分析

JQuery中Text方法用法实例分析

CentOS Linux更改MySQL数据库目录位置具体操作

mysql 5.7.13 安装配置笔记(Mac os)

win7系统笔记本怎么设置双屏显示 win7双屏显示设置方法介绍

Android中使用pull解析器操作xml文件的解决办法

SQLite教程(三)：数据表和视图简介

从可维护性角度考虑css的!important规则的可用性

javascript四舍五入函数代码分享(保留后几位)

改变状态栏文字的js代码

jsp自定义标签之ifelse与遍历自定义标签示例

jQuery内置的AJAX功能和JSON的使用实例