Ajax:Async json and xml

1.追加html

.load();

$(document).ready(function () {
    $(‘#letter-a a‘).click(function (e) {
        e.preventDefault();//取消a點擊的默認操作
        $(‘#dictionary‘).load(‘a.html‘);
        alert(‘Loaded!‘);//其實是異步的，數據沒加載顯示，便已經彈出
    })
});

2.操作json

$.getJSON() ;

$(‘#letter-b a‘).click(function
 
 (e) {
    e.preventDefault();
    //$.getJSON(‘b.json‘);
    //當單擊按鈕時，我們看不到以上代碼的效果。
    //因為雖然函數調用加載了文件，但是並沒有告訴JavaScript對返回的數據如何處理。
    //為此，我們需要使用一個回調函數。
    $.getJSON(‘b.json‘, function (data) {
        var html = ‘‘;
        $.each(data, function (entryIndex, entry) {
            html += ‘<div class="entry">‘;
            html 
 
+= ‘<h3 class="term">‘ + entry.term + ‘</h3>‘;
            html += ‘<div class="part">‘ + entry.part + ‘</div>‘;
            html += ‘<div class="definition">‘ + entry.definition + ‘</div>‘;
            html += ‘</div>‘;
        });
        $(‘#dictionary‘).html(html);
    })
});
 

Jquery學習之Ajax