jQuery是一種廣泛使用的JavaScript庫,可以使JavaScript編程變得更簡單。而ajax是jQuery庫中非常常見的功能之一。ajax(Asynchronous Javascript and XML)是一種用于在不重新加載整個頁面的情況下更新部分頁面的技術。
$.ajax({ url: "test.html", context: document.body, success: function(){ $(this).addClass("done"); } });
$.ajax()函數是一個用于執行異步HTTP請求的核心函數。它接收一個或多個參數,這些參數指定請求的詳細信息。在上面的代碼塊中,我們首先指定我們要請求的網址,然后指定請求成功時要執行的函數。這個函數添加“done”類到選擇器“this”的元素中,這里的“this”是文檔的body元素。
$.ajax({ type: "POST", url: "test.php", data: { name: "John", location: "Boston" } }) .done(function( msg ) { alert( "Data Saved: " + msg ); });
上面的代碼塊演示了一個POST型ajax請求。這個請求向test.php文件發送一個名為“John”,位置為“Boston”的數據。請求完成后,會彈出一個消息顯示保存了這個數據。
這只是jQuery ajax功能的冰山一角。除了上述的簡單請求之外,還有很多其他類型和選項可供使用,如XMLHttpRequest、jsonp、全局AJAX事件和跨域請求等等。掌握ajax和jQuery可以使Web開發變得更加高效和有趣。