JQuery是一款流行的 JavaScript 庫,它可以便捷地操作 HTML 文檔及處理 AJAX 這種異步請求技術。
AJAX技術的出現(xiàn),讓Web應用能夠?qū)崿F(xiàn)與服務器端實時異步通信,而JQuery提供了便捷的AJAX操作方法。
JQuery中通過$.ajax()方法來實現(xiàn)AJAX請求。以下是一個基本的$.ajax()請求實例:
$.ajax({ type: "POST", // 請求方式 url: "ajax.php", // 請求地址 data: { name: "Tom", age: 25 }, // 請求參數(shù),以JSON對象形式傳入 success: function(result){ //請求成功的回調(diào)函數(shù) console.log(result); //打印服務器返回結(jié)果 }, error: function(error){ //請求失敗的回調(diào)函數(shù) console.log(error); //打印錯誤信息 } });
其中,type指定請求方式,包括POST、GET等;url指定請求地址;data表示要發(fā)送到服務器的數(shù)據(jù),可以是JSON對象或字符串;success和error都是請求結(jié)果回調(diào)函數(shù),分別表示請求成功和失敗后所執(zhí)行的操作。
JQuery的AJAX請求也可以通過$.get()和$.post()方法進行,比如:
// $.get()請求實例 $.get("ajax.php", function(result){ console.log(result); //打印服務器返回結(jié)果 }); // $.post()請求實例 $.post("ajax.php", { name: "Tom", age: 25 }, function(result){ console.log(result); //打印服務器返回結(jié)果 });
以上是JQuery的AJAX基本用法及示例,可以方便地通過AJAX實現(xiàn)Web應用與服務器端的數(shù)據(jù)交互。