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

妖狐艹你老母 2021-10-09 04:02 416阅读 0赞

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或者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动画，那应当在这里设置相应<img>的可见。

**PS：这里再为大家推荐几款比较实用的json在线工具供大家参考使用：**

在线JSON代码检验、检验、美化、格式化工具：  
[http://tools.jb51.net/code/json][http_tools.jb51.net_code_json]

JSON在线格式化工具：  
[http://tools.jb51.net/code/jsonformat][http_tools.jb51.net_code_jsonformat]

在线XML/JSON互相转换工具：  
[http://tools.jb51.net/code/xmljson][http_tools.jb51.net_code_xmljson]

json代码在线格式化/美化/压缩/编辑/转换工具：  
[http://tools.jb51.net/code/jsoncodeformat][http_tools.jb51.net_code_jsoncodeformat]

在线json压缩/转义工具：

[http://tools.jb51.net/code/json\_yasuo\_trans][http_tools.jb51.net_code_json_yasuo_trans]

C语言风格/HTML/CSS/json代码格式化美化工具：  
[http://tools.jb51.net/code/ccode\_html\_css\_json][http_tools.jb51.net_code_ccode_html_css_json]

[http_tools.jb51.net_code_json]: http://tools.jb51.net/code/json
[http_tools.jb51.net_code_jsonformat]: http://tools.jb51.net/code/jsonformat
[http_tools.jb51.net_code_xmljson]: http://tools.jb51.net/code/xmljson
[http_tools.jb51.net_code_jsoncodeformat]: http://tools.jb51.net/code/jsoncodeformat
[http_tools.jb51.net_code_json_yasuo_trans]: http://tools.jb51.net/code/json_yasuo_trans
[http_tools.jb51.net_code_ccode_html_css_json]: http://tools.jb51.net/code/ccode_html_css_json