柚子快報(bào)邀請(qǐng)碼778899分享：前端 Ajax

http://yzkb.51969.com/

文章目錄

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

Ajax

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

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

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

快速入門

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

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

onreadystatechange屬性

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

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

?

JQuery 的 Ajax 請(qǐng)求

$.ajax 方法

參數(shù)：

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

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

$.get 請(qǐng)求和$.post 請(qǐng)求

$.get 和 $.post 底層還是使用$.ajax()方法來(lái)實(shí)現(xiàn)異步請(qǐng)求

參數(shù)：

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

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

$.getJSON

$.getJSON 底層使用$.ajax()方法來(lái)實(shí)現(xiàn)異步請(qǐng)求

參數(shù)：

url: 請(qǐng)求發(fā)送的哪個(gè) URLdata: 請(qǐng)求發(fā)送到服務(wù)器的數(shù)據(jù)success: 請(qǐng)求成功時(shí)運(yùn)行的函數(shù)

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

柚子快報(bào)邀請(qǐng)碼778899分享：前端 Ajax

http://yzkb.51969.com/

參考文章