當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

jQuery -- 光阴似箭（五）：AJAX 方法

發布時間：2023/12/2 编程问答 41 豆豆

生活随笔收集整理的這篇文章主要介紹了 jQuery -- 光阴似箭（五）：AJAX 方法小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

jQuery?-- 知識點回顧篇（五）：AJAX 方法

1. $.ajax 方法：用于執行 AJAX（異步 HTTP）請求。

2. $.ajaxSetup() 方法：為將來的 AJAX 請求設置默認值。

3. $.get() 方法：使用 HTTP GET 請求從服務器加載數據。

4. $.getJSON() 方法：使用 AJAX 的 HTTP GET 請求獲取 JSON 數據。

5. $.getScript() 方法：使用 AJAX 的 HTTP GET 請求獲取和執行 JavaScript。

6. $.param() 方法創建數組或對象的序列化表示形式。序列化的值可在生成 AJAX 請求時用于 URL 查詢字符串中。

7. $.post() 方法：使用 HTTP POST 請求從服務器加載數據。

8. ajaxComplete() 方法：規定 AJAX 請求完成時運行的函數。

　ajaxStart() 方法：規定 AJAX 請求開始時運行的函數。

?? ajaxSend() 方法：規定 AJAX 請求即將發送時運行的函數。

?? ajaxError() 方法：規定 AJAX 請求失敗時運行的函數。

?? ajaxStop() 方法：規定所有的 AJAX 請求完成時運行的函數。

?? ajaxSuccess() 方法：規定 AJAX 請求成功完成時運行的函數。

?? load() 方法：從服務器加載數據，并把返回的數據放置到指定的元素中。

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>My Test JQuery</title><script type="text/javascript" src="./js/jquery-1.10.2.min.js"></script><script type="text/javascript" > $(function(){//語法格式：$(document).ajaxSend(function(event,xhr,options))//function(event,xhr,options) 必需。規定當請求成功時運行的函數。 $(document).ajaxSend(function(){$("#myDiv1").css("border","5px solid pink");});//語法格式：$(document).ajaxStart(function())//function(): 必需參數。規定當 AJAX 請求開始時運行的函數。 $(document).ajaxStart(function(){$("#myDiv1").css("display","block");});//語法格式：$(document).ajaxStop(function())//function(): 必需參數。規定所有的 AJAX 請求完成時運行的函數。 $(document).ajaxStop(function(){$("#myDiv1").css("border","3px solid green");});//語法格式：$(document).ajaxError(function(event,xhr,options,exc))//function(event,xhr,options,exc)：必需參數。規定當請求失敗時運行的函數。 $(document).ajaxError(function(){$("#myDiv1").css("border","3px solid red");});//語法格式：$(document).ajaxSuccess(function(event,xhr,options))//function(event,xhr,options): 必需參數。規定如果請求成功時運行的函數。 $(document).ajaxSuccess(function(){$("#myDiv1").css("border","3px solid yellow");});//語法格式：$(document).ajaxComplete(function(event,xhr,options))//function(event,xhr,options)：必需參數。規定當請求完成時運行的函數。 $(document).ajaxComplete(function(){$("#myDiv1").css("display","none");});//語法格式：$(selector).load(url,data,function(response,status,xhr))//url：必需參數。規定您需要加載的 URL。//data：可選參數。規定連同請求發送到服務器的數據。//function(response,status,xhr)：可選參數。規定 load() 方法完成時運行的回調函數。 $("#btn_ajax").click(function(){$("#txt").load("Test_ajax.aspx");});});</script> </head> <body><button type="button" id="btn_ajax">ajax</button><div id="myDiv1" style="height:30px;padding: 10px;border:2px solid blue;"></div> </body> </html>

9. serialize() 方法：通過序列化表單值創建 URL 編碼文本字符串。

??? serializeArray() 方法：通過序列化表單值來創建對象（name 和 value）的數組。

更多專業前端知識，請上【猿2048】www.mk2048.com

總結

以上是生活随笔為你收集整理的jQuery -- 光阴似箭（五）：AJAX 方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。