柚子快報邀請碼778899分享：前端 Ajax

http://yzkb.51969.com/

文章目錄

Ajax快速入門onreadystatechange屬性JQuery 的 Ajax 請求$.ajax 方法\$.get 請求和\$.post 請求\$.getJSON

Ajax

AJAX，全稱是“異步JavaScript和XML”（Asynchronous JavaScript and XML），是一種使用JavaScript和XML（標準通用標記語言的子集）的開發(fā)技術(shù)。Ajax通過使用JavaScript，HTML，CSS和XMLHttpRequest對象，可以在不刷新整個頁面的情況下，創(chuàng)建與服務器的異步交互。

Ajax技術(shù)可以發(fā)送和檢索與服務器的數(shù)據(jù)，而無需改變現(xiàn)在顯示的頁面。這使用戶可以同時處理其他事情，不會受到數(shù)據(jù)傳輸延遲的影響。

Ajax播放的關(guān)鍵角色是XMLHttpRequest對象。這個對象是瀏覽器的一部分，它允許JavaScript以一種異步的方式向服務器發(fā)送或接收數(shù)據(jù)。這使得Web應用程序能夠以不影響或中斷用戶操作的方式處理數(shù)據(jù)。

快速入門

使用js發(fā)送ajax請求：

返回的 json 數(shù)據(jù)

onreadystatechange屬性

readyState 屬性存留 XMLHttpRequest 的狀態(tài)。

onreadystatechange 屬性定義當 readyState 發(fā)生變化時執(zhí)行的函數(shù)。

?

JQuery 的 Ajax 請求

$.ajax 方法

參數(shù)：

url： 請求的地址type : 請求的方式 get 或 postdata : 發(fā)送到服務器的數(shù)據(jù)。將自動轉(zhuǎn)換為請求字符串格式success: 成功的回調(diào)函數(shù)error: 失敗后的回調(diào)函數(shù)dataType: 返回的數(shù)據(jù)類型 常用 json 或 text

返回的 json 數(shù)據(jù)

$.get 請求和$.post 請求

$.get 和 $.post 底層還是使用$.ajax()方法來實現(xiàn)異步請求

參數(shù)：

url: 請求的 URL 地址data: 請求發(fā)送到服務器的數(shù)據(jù)success: 成功時回調(diào)函數(shù)type: 返回內(nèi)容格式，xml, html, script, json, text

返回的 json 數(shù)據(jù)

$.getJSON

$.getJSON 底層使用$.ajax()方法來實現(xiàn)異步請求

參數(shù)：

url: 請求發(fā)送的哪個 URLdata: 請求發(fā)送到服務器的數(shù)據(jù)success: 請求成功時運行的函數(shù)

返回的 json 數(shù)據(jù)

柚子快報邀請碼778899分享：前端 Ajax

http://yzkb.51969.com/

參考文章