溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本文小編為大家詳細介紹“jQuery Ajax方法怎么使用”，內容詳細，步驟清晰，細節處理妥當，希望這篇“jQuery Ajax方法怎么使用”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。
**jQuery 提供多個與 AJAX 有關的方法。
通過 jQuery AJAX 方法，您能夠使用 HTTP Get 和 HTTP Post 從遠程服務器上請求文本、HTML、XML 或 JSON - 同時您能夠把這些外部數據直接載入網頁的被選元素中。**
jQuery AJAX 方法
AJAX 是一種與服務器交換數據的技術，可以在不重新載入整個頁面的情況下更新網頁的一部分。
下面是常用的 jQuery AJAX 方法
執行異步 AJAX 請求
定義和用法
ajax() 方法用于執行 AJAX（異步 HTTP）請求。
所有的 jQuery AJAX 方法都使用 ajax() 方法。該方法通常用于其他方法不能完成的請求。
語法
$.ajax({name:value, name:value, ... })該參數規定 AJAX 請求的一個或多個名稱/值對。
使用 AJAX 請求改變
元素的文本：
$("button").click(function(){
$.ajax({url:"demo_test.txt",success:function(result){
$("#div1").html(result);
}});
});下面的表格中列出了可能的名稱/值：
**jQuery load() 方法是簡單但強大的 AJAX 方法。
load() 方法從服務器加載數據，并把返回的數據放入被選元素中。**
load()方式是對jquery對象進行操作的。
$(selector).load(url,data,function(response,status,xhr))
下面的例子會在 load() 方法完成后顯示一個提示框。如果 load() 方法已成功，則顯示”外部內容加載成功！”，而如果失敗，則顯示錯誤消息：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"> </script> <script>function(){ $("button").click(function(){ $("#div1").load("/try/ajax/demo_test.txt",function(responseTxt,statusTxt,xhr){ if(statusTxt=="success") alert("外部內容加載成功!"); if(statusTxt=="error") alert("Error: "+xhr.status+": "+xhr.statusText); }); }); }); </script> </head> <body> <div id="div1"><h3>使用 jQuery AJAX 修改該文本</h3></div> <button>獲取外部內容</button> </body> </html>
jQuery get() 和 post() 方法用于通過 HTTP GET 或 POST 請求從服務器請求數據。
兩種在客戶端和服務器端進行請求-響應的常用方法是：GET 和 POST。
GET - 從指定的資源請求數據
POST - 向指定的資源提交要處理的數據
GET 基本上用于從服務器獲得（取回）數據。注釋：GET 方法可能返回緩存數據。
POST 也可用于從服務器獲取數據。不過，POST 方法不會緩存數據，并且常用于連同請求一起發送數據。
$.get() 方法使用 HTTP GET 請求從服務器加載數據。
語法：
$.get(URL,data,function(data,status,xhr),dataType)
<script>function(){
$("button").click(function(){
$.get("/try/ajax/demo_test.php",function(data,status){
alert("數據: " + data + "\n狀態: "</script>
</head>
<body>
<button>發送一個 HTTP GET 請求并獲取返回結果</button>
</body>
</html>$.post() 方法使用 HTTP POST 請求從服務器加載數據。
語法:
$(selector).post(URL,data,function(data,status,xhr),dataType)
$("button").click(function(){
$.post("/try/ajax/demo_test_post.php",
{
name:"菜鳥教程",
url:"http://www.runoob.com"
},
function(data,status){
alert("數據: \n" + data + "\n狀態: " + status);
});
});使用 HTTP GET 請求從服務器加載 JSON 編碼的數據
語法
$(selector).getJSON(url,data,success(data,status,xhr))
讀到這里，這篇“jQuery Ajax方法怎么使用”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
