Ajax 同步、異步

一、XMLHttpRequest （XHR）對(duì)象

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

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

????send(string)

get post請(qǐng)求

獲取響應(yīng)：

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

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

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

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

? ? getResponseHeader() :查詢(xún)響應(yīng)中的某個(gè)字段的值

? ? readyState屬性：

? ? ? ? 0：請(qǐng)求未初始化 open還沒(méi)調(diào)用

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

? ? ? ? 2：請(qǐng)求已接收 （接收到頭信息了）

? ? ? ? 3：請(qǐng)求處理中 （已經(jīng)接收到響應(yīng)主題）

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

二、HTTP 請(qǐng)求

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

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

解析：1. HTTP請(qǐng)求方法或動(dòng)作 比如GET/POST請(qǐng)求

????????2. 正在請(qǐng)求的URL?

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

????????4. 請(qǐng)求體 也就是請(qǐng)求正文 請(qǐng)求正文中可以包含客戶(hù)提交的查詢(xún)字符串信息 表單信息等

三、JSON?

json概念

json 與 xml比較：

json的優(yōu)勢(shì)

json語(yǔ)法規(guī)則：

例子

json 解析：

? ? eval 和 JSON.parse

eval方法會(huì)先執(zhí)行 alert? 而JSON.parse會(huì)報(bào)錯(cuò)

eval? 比較危險(xiǎn)

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

json格式化：

jQuery中 Ajax

1. jQuery.ajax([settings])

settings 參數(shù)

實(shí)例

跨域

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

處理跨域：

? ? 1> 代理

? ? 2> JSONP

jsonp解決跨域問(wèn)題

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

? ? 3>XHR2