首頁 > web前端 > js教程 > 如何利用jquery實現ajax非同步請求返回json資料代碼詳解

如何利用jquery實現ajax非同步請求返回json資料代碼詳解

伊谢尔伦
發布: 2017-07-21 14:47:53
原創
1813 人瀏覽過

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=&#39;para&#39;/> ").attr("src", item.media.m).appendTo("#resText");
                if (i == 3) {
                    return false;
                }
            });
        }
    });
});
登入後複製

$.ajax方法如下:

$.ajax({ 
   type: "POST",
   url:  ctxRoot+&#39;FolderAction!saveInformSetting.action&#39;,
   data: &#39;jsonStr=&#39; + inform_settingListStr,
   dataType: "json",
   complete: function(data){
       //在这里做些事情,假设返回的json数据里有name这个属性
       //有时候可以直接data.name或者data[&#39;name&#39;]去访问
       //但有时候,却要通过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動畫,那應當在這裡設定相應的可見。

以上是如何利用jquery實現ajax非同步請求返回json資料代碼詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板