成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Ajax技術(shù)細(xì)節(jié)

trigkit4 / 2321人閱讀

摘要：狀態(tài)碼，未發(fā)送，創(chuàng)建對(duì)象，默認(rèn)值為執(zhí)行當(dāng)前請(qǐng)求已經(jīng)發(fā)送，并且已經(jīng)接收到服務(wù)器端返回的相應(yīng)頭信息響應(yīng)主體內(nèi)容正在返回相應(yīng)主體內(nèi)容已經(jīng)返回到客戶端網(wǎng)絡(luò)狀態(tài)碼網(wǎng)絡(luò)狀態(tài)碼，記錄當(dāng)前服務(wù)器返回信息的狀態(tài)標(biāo)識(shí)成功狀態(tài)以開頭也表示成功，但服務(wù)器端做了特殊

Ajax狀態(tài)碼，xhr.readyState

0：UNSENT 未發(fā)送，創(chuàng)建Ajax對(duì)象，默認(rèn)值為0
1：OPENED 執(zhí)行xhr.open
2：HEADERS_RECEIVED 當(dāng)前ajax請(qǐng)求已經(jīng)發(fā)送，并且已經(jīng)接收到服務(wù)器端返回的相應(yīng)頭信息
3：LOADING 響應(yīng)主體內(nèi)容正在返回
4：DONE 相應(yīng)主體內(nèi)容已經(jīng)返回到客戶端

Http網(wǎng)絡(luò)狀態(tài)碼

HTTP網(wǎng)絡(luò)狀態(tài)碼，記錄當(dāng)前服務(wù)器返回信息的狀態(tài)xhr.status

200：標(biāo)識(shí)成功狀態(tài)

以3開頭也表示成功，但服務(wù)器端做了特殊處理

301：永久轉(zhuǎn)移（永久重定向），應(yīng)用于域名遷移
302：臨時(shí)轉(zhuǎn)移（臨時(shí)重定向，新版本Http中307是臨時(shí)重定向），用于服務(wù)器負(fù)載均衡
304：從瀏覽器緩存中獲取數(shù)據(jù)，把不常更新的數(shù)據(jù)緩存到瀏覽器中

以4開頭，標(biāo)識(shí)失敗狀態(tài)，多在客戶端

400：請(qǐng)求參數(shù)錯(cuò)誤
401：無權(quán)限訪問
404：訪問地址不存在

以5開頭，標(biāo)識(shí)失敗狀態(tài)，多在服務(wù)器端

500：Internal Server Error 未知的服務(wù)器錯(cuò)誤
503：Service Unavailable 服務(wù)器超負(fù)載

Ajax常用屬性和方法 
題目：Ajax中總共支持幾個(gè)方法？

狀態(tài)

readyState：存儲(chǔ)當(dāng)前Ajax狀態(tài)碼

response/responseText/responseXML：接收服務(wù)器返回的相應(yīng)主體內(nèi)容

responseText最常用，接收的結(jié)果為字符串格式（一般服務(wù)器返回的數(shù)據(jù)都是JSON格式字符串）

responseXML接收XML文檔數(shù)據(jù)

status：記錄服務(wù)器端返回的HTTP狀態(tài)碼

statusText：對(duì)返回狀態(tài)碼的描述

timeout：設(shè)置當(dāng)前Ajax請(qǐng)求的超時(shí)時(shí)間

方法

abort()：強(qiáng)制中斷Ajax請(qǐng)求

getAllResponseHeaders()：獲取全部的響應(yīng)頭信息（獲取結(jié)果為字符串文本）

getResponseHeader(key)：獲取指定屬性名的相應(yīng)頭信息

open()：打開一個(gè)URL地址

overrideMimeType()：重寫數(shù)據(jù)的MIME類型

send()：發(fā)送Ajax請(qǐng)求

setRequestHeader(key,value)：設(shè)置請(qǐng)求頭信息

事件

onabort()：當(dāng)Ajax被中斷，請(qǐng)求觸發(fā)此事件

onreadystatechange：Ajax狀態(tài)發(fā)生改變，觸發(fā)此事件

ontimeout：當(dāng)Ajax請(qǐng)求超時(shí)，觸發(fā)此事件

JS編碼解碼

（非加密）正常編碼解碼

escape/unescape：把中文漢字進(jìn)行編碼解碼（一般只有JS支持）

encodeURI/decodeURI：基本所有編程語言都支持

encodeURIComponent/decodeURIComponent

（加密）編碼解碼

URL問號(hào)傳遞參數(shù)，encodeURI不能編碼一些特殊字符，只能使用encodeURLComponent處理

可逆加密

不可逆加密（基于MD5加密，可能會(huì)把MD5加密后的結(jié)果二次加密）

Ajax的同步和異步

Ajax任務(wù)：發(fā)送請(qǐng)求接收到相應(yīng)主體內(nèi)容（完整HTTP事務(wù)）

xhr.send()：任務(wù)結(jié)束

xhr.readyState===4：任務(wù)結(jié)束

Ajax類庫的封裝

url：請(qǐng)求API地址

method：請(qǐng)求方式GET/POST

dataTpye：預(yù)設(shè)結(jié)果類型，不影響服務(wù)器的返回（服務(wù)器一般返回JSON格式字符串），如果預(yù)設(shè)為json，類庫將服務(wù)器返回的字符串轉(zhuǎn)換為json對(duì)象

cache：設(shè)置是否清除緩存，只對(duì)GET系列請(qǐng)求有效，默認(rèn)是TRUE不清除緩存，手動(dòng)設(shè)置為FALSE，JQ類庫在請(qǐng)求URL的末尾追加一個(gè)隨機(jī)數(shù)來清楚緩存

data：通過DATA把一些信息傳遞給服務(wù)器（GET請(qǐng)求把DATA中的內(nèi)容拼接在URL的末尾通過問好傳參的方式傳遞給服務(wù)器，POST請(qǐng)求把內(nèi)容放在請(qǐng)求主體中傳遞給服務(wù)器）（DATA的值可以設(shè)置為兩種格式：字符串、對(duì)象）

async：設(shè)置同步或異步，默認(rèn)是TRUE，代表異步，F(xiàn)ALSE是同步

success：請(qǐng)求成功執(zhí)行回調(diào)函數(shù)，并把獲取的結(jié)果作為實(shí)參傳遞給回調(diào)函數(shù)

error：請(qǐng)求錯(cuò)誤觸發(fā)回調(diào)函數(shù)

complete：完成，觸發(fā)回調(diào)函數(shù)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/94818.html

相關(guān)文章

  • 幾種Ajax技術(shù)

    摘要：今天我來談?wù)劶夹g(shù)。我簡(jiǎn)要羅列一下幾種常見的技術(shù)動(dòng)態(tài)腳本注入和圖片信標(biāo)技術(shù)接下來我簡(jiǎn)要談?wù)勎覍?duì)這幾種技術(shù)的理解。該特性可以實(shí)現(xiàn)無阻塞加載腳本技術(shù)。和動(dòng)態(tài)腳本注入類似，技術(shù)也有可跨域和無法發(fā)送非請(qǐng)求的問題。目前使用最多的技術(shù)手段就是利用技術(shù)。 今天我來談?wù)凙jax技術(shù)。 Ajax是一種與服務(wù)器通信而無需重載頁面的方法。數(shù)據(jù)可以從服務(wù)器獲取或者發(fā)給服務(wù)器。 Ajax和異步分不開，但是本文重點(diǎn)...

    Nosee 評(píng)論0 收藏0

  • 再也不學(xué)AJAX了?。ㄈ┛缬颢@取資源 ② - JSONP & CORS

    摘要：瀏覽器的同源策略固然保障了互聯(lián)網(wǎng)世界的數(shù)據(jù)隱私與數(shù)據(jù)安全，但是如果當(dāng)我們需要使用跨域請(qǐng)求資源時(shí)，同源策略又會(huì)成為開發(fā)者的阻礙。我們之前提到過，如果想要繞過瀏覽器同源策略，實(shí)現(xiàn)使用技術(shù)跨域獲取資源，需要服務(wù)端和客戶端的協(xié)同合作。 瀏覽器的同源策略固然保障了互聯(lián)網(wǎng)世界的數(shù)據(jù)隱私與數(shù)據(jù)安全，但是如果當(dāng)我們需要使用AJAX跨域請(qǐng)求資源時(shí)，同源策略又會(huì)成為開發(fā)者的阻礙。在本文中，我們會(huì)簡(jiǎn)單介紹需...

    enda 評(píng)論0 收藏0

  • Promise使用細(xì)節(jié)

    摘要：應(yīng)用把一個(gè)異步操作和定時(shí)器放在一起。如果定時(shí)器先觸發(fā)就提示用戶超時(shí)用戶超時(shí)什么是值穿透或者期望傳入一個(gè)函數(shù)如果不是函數(shù)會(huì)發(fā)生值穿透和的第二個(gè)參數(shù)的區(qū)別比較類似是一個(gè)語法糖相當(dāng)于還有一點(diǎn)區(qū)別就是如果第一個(gè)報(bào)錯(cuò)第二個(gè)無法捕獲。 Promise使用細(xì)節(jié) 使用promise需要注意的幾點(diǎn): 1.如何用promise實(shí)現(xiàn)并行的異步 (Promise.all配合.map) Promise.all...

    fnngj 評(píng)論0 收藏0

  • JavaScript考點(diǎn)之一，AJAX總結(jié)（一），AJAX概述

    摘要：即同步請(qǐng)求，瀏覽器需要等待服務(wù)器處理請(qǐng)求，導(dǎo)致了瀏覽器端的阻塞。這使得應(yīng)用程序更為迅捷地回應(yīng)用戶動(dòng)作，并避免了在網(wǎng)絡(luò)上發(fā)送那些沒有改變的信息。引擎在客戶端運(yùn)行，承擔(dān)了一部分本來由服務(wù)器承擔(dān)的工作，從而減少了大用戶量下的服務(wù)器負(fù)載。 前言 博主博客：Stillwater的博客知乎專欄：前端汪汪本文為作者原創(chuàng)轉(zhuǎn)載請(qǐng)注明出處： http://hiztx.top/2017/01/11/a......

    ermaoL 評(píng)論0 收藏0

  • 再也不學(xué)AJAX了?。ㄒ唬?em>AJAX概述

    摘要：需要注意的是，并不是的替代品，兩者各自有其適應(yīng)的場(chǎng)景。但為了方便交流，我們通常將獲取資源的一方稱為客戶端主要的工具是瀏覽器，而將派發(fā)資源的一方稱為服務(wù)端又稱為服務(wù)器。它可以幫助我們?yōu)橹蟾拍罴?xì)節(jié)的學(xué)習(xí)打下良好基礎(chǔ)。 再也不學(xué)AJAX了是一個(gè)與AJAX主題相關(guān)的文章系列，包含以下三個(gè)部分的內(nèi)容： AJAX概述：主要回答AJAX是什么這個(gè)問題； 使用AJAX：介紹如何通過JavaSc...

    neu 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<