tft每日頭條

 > 科技

 > ajax跨域請求完整代碼

ajax跨域請求完整代碼

科技 更新时间:2024-10-19 05:13:43

結合上一節我們繼續;

1:xmlHttpRequest 對象響應服務器;

onreadystatechange事件

“當請求被發送到服務器時,執行一些,基于響應的任務”。 每當 readystate改變時,就會觸發 onreadystatechange事件。 readystate屬性存有Xmlhttpreque的狀态信息;

下面是Xmlhttpreque對象的三個重要的屬性

ajax跨域請求完整代碼(XMLHttpRequest對象響應服務器)1

ajax跨域請求完整代碼(XMLHttpRequest對象響應服務器)2

ajax跨域請求完整代碼(XMLHttpRequest對象響應服務器)3

onreadysta echange存儲函數(或函數名),每當 readystate屬性改變時,就會調用該函數。

baystate

存有Xmlhttprequest的狀态。從0到4發生變化。也就是說每發生一次請求,浏覽器發生了些什麼樣的變化,這四個狀态數字。

0請求未初始化

1:服務器連接已建立

ajax跨域請求完整代碼(XMLHttpRequest對象響應服務器)4

2:請求已接收

ajax跨域請求完整代碼(XMLHttpRequest對象響應服務器)5

3:請求處理中

ajax跨域請求完整代碼(XMLHttpRequest對象響應服務器)6

4:請求已完成,且響應已就緒

ajax跨域請求完整代碼(XMLHttpRequest對象響應服務器)7

status

200:"OK,請求成功标志。 404:未找到頁面,檢查路徑。

【浏覽器的動作,我們已經知道了,那麼此時後台的數據,如何獲取過來呢。以下兩種】

屬性描述;

response Text獲得字符串形式的,響應數據;

舉例;我們隻要加上這幾句就ok;

if(xmlHttp.readyState==4 && xmlHttp.status==200){

alert(xmlHttp.responseText);

document.getElementById("name").value=xmlHttp.responseText;

}

解析:确定兩個狀态碼都對,那麼就xmlHttp.responseText獲取到後台我們傳過來的數據了。

後台:

ajax跨域請求完整代碼(XMLHttpRequest對象響應服務器)8

前台:

ajax跨域請求完整代碼(XMLHttpRequest對象響應服務器)9

結合昨天内容,Ajax請求的簡單過程,大家大體了解,今天這節很簡單,要知道ajax發送請求以後,浏覽器發生什麼,怎麼把後台數據調過來,方法很多,可以自己研究。明天我們繼續,深入講解Ajax。

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关科技资讯推荐

热门科技资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved