jQuery異步取得json資料方法匯總_jquery

jQuery非同步取得json資料有2種方式，一個是$.getJSON方法，一個是$.ajax方法。本篇體驗使用這2種方式非同步取得json數據，然後追加到頁面。

在根目錄下建立data.json檔案：

複製程式碼 程式碼如下:

{
    "one" : "Hello",
    "two" : "World"
}

■ 透過$.getJSON方法取得json資料

複製程式碼 程式碼如下:

   
   

 

■ 以$.ajax法取得json資料

複製程式碼 程式碼如下:

   
   
        $(函數() {
            $.ajax({
                url: 'data.json',
                資料型態：'json'，
                成功：函數（資料）{
                    var items = [];
                    $.each(資料, 函數(key, val) {
                        items.push('

' val '

');
                    });
                    $('

', {
                        '類別 ': '名單',
                        html: items.join('')
                    }).appendTo('body');
                },
                狀態代碼：{
                    404：函數（）{
                        alert("相關文件00");
                    }
                }
            });
        });
    腳本>

總結：使用$.getJSON方法和$.ajax方法可以達到相同的效果，但是，如果想對非同步取得的過程有更多細節的控制，建議使用$.ajax方法。