Jquery學習之Ajax
阿新 • • 發佈:2017-09-03
spa 單擊 回調函數 efault font event part .get 我們
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