Jquery學習之Ajax

標籤：eve   回調   doc   default   .json   預設   read   ade   each   

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