jQuery是一種廣泛使用的JavaScript庫,它使HTML文檔遍歷、操作和動畫化變得更容易。其中,Ajax是jQuery中最有用的功能之一。它使得網(wǎng)頁可以在不刷新頁面的情況下向服務(wù)器發(fā)送請求并獲取數(shù)據(jù)。
而在jQuery中,還有一個與Ajax緊密相關(guān)的功能——JSON(JavaScript Object Notation,JavaScript對象表示法)。JSON是一種輕量級的數(shù)據(jù)交換格式,通常用于將數(shù)據(jù)從客戶端傳輸?shù)椒?wù)器,也常用于API(Application Programming Interface,應(yīng)用程序編程接口)的開發(fā)。
$.ajax({
type: "POST",
url: "example.php",
data: { name: "John", location: "Boston" }
}).done(function( msg ) {
alert( "Data Saved: " + msg );
});
$.getJSON( "example.json", function( data ) {
var items = [];
$.each( data, function( key, val ) {
items.push( "" + val + " " );
});
$( "
", {
"class": "my-new-list",
html: items.join( "" )
}).appendTo( "body" );
});
上述代碼展示了使用jQuery的Ajax和JSON功能獲取和處理數(shù)據(jù)的過程。$.ajax方法用于向服務(wù)器發(fā)送一個HTTP請求,請求成功后執(zhí)行done方法內(nèi)部的代碼。而$.getJSON則用于獲取一個JSON文件,并對其進行遍歷處理,將其中的數(shù)據(jù)添加到HTML文檔中。