Ajax技術(shù)

Ajax 同步、異步

一、XMLHttpRequest (XHR)對象

發(fā)送請求:

????open(method,url,async)

????send(string)

get post請求

獲取響應(yīng):

? ? responseText:獲取字符串形式的響應(yīng)數(shù)據(jù)

? ??responseXML:獲取XML形式的響應(yīng)數(shù)據(jù)

? ? status和statusText : 以數(shù)字和文本形式返回HTTP狀態(tài)碼

? ? getAllResponseHeader() :獲取所有的響應(yīng)報頭

? ? getResponseHeader() :查詢響應(yīng)中的某個字段的值

? ? readyState屬性:

? ? ? ? 0:請求未初始化 open還沒調(diào)用

? ? ? ? 1:服務(wù)連接已建立 open已經(jīng)調(diào)用

? ? ? ? 2:請求已接收 (接收到頭信息了)

? ? ? ? 3:請求處理中 (已經(jīng)接收到響應(yīng)主題)

? ? ? ? 4:請求已完成 且響應(yīng)已就緒

二、HTTP 請求

HTTP是一種無狀態(tài)協(xié)議

HTTP是計算機(jī)通過網(wǎng)絡(luò)進(jìn)行通信的規(guī)則

解析:1. HTTP請求方法或動作 比如GET/POST請求

????????2. 正在請求的URL?

????????3. 請求頭,包含一些客戶環(huán)境信息 身份驗(yàn)證信息等

????????4. 請求體 也就是請求正文 請求正文中可以包含客戶提交的查詢字符串信息 表單信息等

三、JSON?

json概念

json 與 xml比較:

json的優(yōu)勢

json語法規(guī)則:

例子

json 解析:

? ? eval 和 JSON.parse

eval方法會先執(zhí)行 alert? 而JSON.parse會報錯

eval? 比較危險

JSON.parse 會檢驗(yàn)json格式 返回錯誤

json格式化:

jQuery中 Ajax

1. jQuery.ajax([settings])

settings 參數(shù)
實(shí)例

跨域

產(chǎn)生跨域的原因:同源策略

處理跨域:

? ? 1> 代理

? ? 2> JSONP

jsonp解決跨域問題

????局限:不支持POST方式? ?支持GET方式

? ? 3>XHR2

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容