快捷導(dǎo)航

jquery的ajax異步請(qǐng)求接收返回json數(shù)據(jù)實(shí)例

更新時(shí)間：2014年06月16日 11:50:37 投稿：shichen2014

jquery的ajax異步請(qǐng)求接收返回json數(shù)據(jù)方法設(shè)置簡(jiǎn)單，一個(gè)是服務(wù)器處理程序是返回json數(shù)據(jù)，另一種就是ajax發(fā)送設(shè)置的datatype設(shè)置為jsonp格式數(shù)據(jù)或json格式都可以。這篇文章對(duì)此進(jìn)行了實(shí)例介紹,需要的朋友可以參考下

jquery的ajax異步請(qǐng)求接收返回json數(shù)據(jù)方法設(shè)置簡(jiǎn)單，一個(gè)是服務(wù)器處理程序是返回json數(shù)據(jù)，另一種就是ajax發(fā)送設(shè)置的datatype設(shè)置為jsonp格式數(shù)據(jù)或json格式都可以。

代碼示例如下：

復(fù)制代碼代碼如下:

$('#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方法如下：

復(fù)制代碼代碼如下:

$.ajax({ 

   type: "POST",

   url:  ctxRoot+'FolderAction!saveInformSetting.action',

   data: 'jsonStr=' + inform_settingListStr,

   dataType: "json",

   complete: function(data){

       //在這里做些事情，假設(shè)返回的json數(shù)據(jù)里有name這個(gè)屬性

       //有時(shí)候可以直接data.name或者data['name']去訪問

       //但有時(shí)候，卻要通過var jsonData = eval("("+data.responseText+")");才可以通過jsonData.name訪問，而且這種情況下，需要是complete而不是success

   }

   });

$.ajax(options)

這是最根本的JQuery Ajax方法，只有一個(gè)參數(shù)options，該options參數(shù)中包含了請(qǐng)求信息和回調(diào)函數(shù)的信息。參數(shù)內(nèi)容都是key:value對(duì)形式出現(xiàn)，并且都是可選的。

語法如下：

$.ajax({options});
url：(string)發(fā)送請(qǐng)求的地址，可以是服務(wù)器頁面也可以是WebService動(dòng)作。
type：(string)請(qǐng)求方式，POST或GET
data：(object)向服務(wù)器發(fā)送請(qǐng)求時(shí)帶去的數(shù)據(jù)。是key:value對(duì)形式，如：{name:"grayworm",sex:"male"}，如果是數(shù)組{works:["work1","work2"]}
dataType：(string)預(yù)期返回的數(shù)據(jù)類型。xml,html,json,text等
beforeSend：（Function）發(fā)送ajax請(qǐng)求前被觸發(fā)，如果返回false則取消本次請(qǐng)求。如果異步請(qǐng)求需要顯示gif動(dòng)畫，那應(yīng)當(dāng)在這里設(shè)置相應(yīng)<img>的可見。

PS：這里再為大家推薦幾款比較實(shí)用的json在線工具供大家參考使用：

在線JSON代碼檢驗(yàn)、檢驗(yàn)、美化、格式化工具：
http://tools.jb51.net/code/json

JSON在線格式化工具：
http://tools.jb51.net/code/jsonformat

在線XML/JSON互相轉(zhuǎn)換工具：
http://tools.jb51.net/code/xmljson

json代碼在線格式化/美化/壓縮/編輯/轉(zhuǎn)換工具：
http://tools.jb51.net/code/jsoncodeformat

在線json壓縮/轉(zhuǎn)義工具：

http://tools.jb51.net/code/json_yasuo_trans

C語言風(fēng)格/HTML/CSS/json代碼格式化美化工具：
http://tools.jb51.net/code/ccode_html_css_json

您可能感興趣的文章: