jquery的ajax異步請求接收返回json數據


http://www.jb51.net/article/51122.htm
jquery的ajax異步請求接收返回json數據方法設置簡單,一個是服務器處理程序是返回json數據,另一種就是ajax發送設置的datatype設置為jsonp格式數據或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或者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>的可見。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM