這篇文章給大家分享的是有關(guān)jQuery中Ajax有什么用的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

創(chuàng)新新互聯(lián)，憑借十年的網(wǎng)站建設(shè)、做網(wǎng)站經(jīng)驗(yàn)，本著真心·誠心服務(wù)的企業(yè)理念服務(wù)于成都中小企業(yè)設(shè)計(jì)網(wǎng)站有1000+案例。做網(wǎng)站建設(shè)，選創(chuàng)新互聯(lián)公司。

什么是Ajax

Ajax基本概念

Ajax(Asynchronous JavaScript and XML):翻譯成中文就是異步的JavaScript和XML。

從功能上來看是一種在無需重新加載整個(gè)網(wǎng)頁的情況下能夠更新部分網(wǎng)頁的技術(shù)。

傳統(tǒng)的網(wǎng)頁

想要更新內(nèi)容或者提交表單就要重新加載或刷新頁面。

使用ajax技術(shù)的網(wǎng)頁

通過后臺(tái)服務(wù)器進(jìn)行少量的數(shù)據(jù)交換，網(wǎng)頁就可以實(shí)現(xiàn)異步局部跟新。

Ajax出現(xiàn)前

Ajax技術(shù)出現(xiàn)之前，是一個(gè)同步交互的世界。

同步：客戶端發(fā)出請求，服務(wù)端去處理，然后響應(yīng)，這一段時(shí)間客戶端是處在等待的狀態(tài)，當(dāng)服務(wù)端處理響應(yīng)完成之后呢，客戶端重新加載頁面，如果中間信息錯(cuò)誤那么客戶端就會(huì)再次發(fā)起請求在此等待。

Ajax出現(xiàn)之后

Ajax出現(xiàn)之后世界變了 變成了異步的世界。

那我們?yōu)槭裁粗安皇褂卯惒侥兀且驗(yàn)橹吧倭艘粋€(gè)對象XMLHttpRequest對象,在這個(gè)對象出現(xiàn)之前網(wǎng)頁開發(fā)都是采用同步的方式,出現(xiàn)之后呢發(fā)現(xiàn)可以進(jìn)行了異步的操作，這個(gè)對象是用于后臺(tái)和服器之間進(jìn)行數(shù)據(jù)交換，而且這個(gè)數(shù)據(jù)的交換不會(huì)重新加載整個(gè)頁面，這種情況下呢實(shí)現(xiàn)了在不刷新頁面的情況下對局部數(shù)據(jù)的更新，有了這個(gè)對象之后呢才有了Ajax的異步加載局部刷新。

Ajax的異步加載局部刷新功能的實(shí)現(xiàn)

1.首先第一個(gè)問題就是XHR這個(gè)對象怎么使用

1）先實(shí)例化一個(gè)XMLHttpRequest

var request = new XMLHttpRquest();

注意：現(xiàn)在大部分的瀏覽器都支持XMLHttpRequest對象和new這種方式，但是呢在IE6及以下版本的時(shí)代中呢XHR還只是ActiveXObject

解決方法：

Var request; 
If(window.XMLHttpRequest){ 
Reuest = new XMLHttpRequest(); 
}else{ 
Request = new ActiveXObject(“Microsoft.XMLHTTP”); 
}

2)請求：

在這之前我們來看一下什么事HTTP請求

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

是一種無狀態(tài)協(xié)議，不保留連接的相關(guān)信息，

客戶端向服務(wù)器發(fā)出請求，服務(wù)器響應(yīng)，之后呢連接就被關(guān)閉

一個(gè)完整的HTTP請求有七個(gè)步驟

   A.建立TCP連接

   B.客戶端向服務(wù)器發(fā)送請求的命令

   C.瀏覽器發(fā)送請求頭信息

   D.服務(wù)器給出響應(yīng)

   E.服務(wù)器發(fā)送應(yīng)答頭信息

   F.服務(wù)器向?yàn)g覽器發(fā)送數(shù)據(jù)

   G.服務(wù)器關(guān)閉TCP連接

分開來看：HTTP請求分為四個(gè)部分

HTTP請求的方法和動(dòng)作（get,pos）

正在請求的URL（請求地址）

請求頭（包含客戶端環(huán)境信息，身份驗(yàn)證信息等）

請求體，請求正文。

Get請求：一般用于信息獲取（http默認(rèn)求求方式）

Url傳參屬性和值都是可見的，對所發(fā)內(nèi)容大小有限制 一般在2000個(gè)字符

get請求安全的說法是因?yàn)槟阏埱笠淮魏驼埱笠蝗f次效果是一樣的不會(huì)對數(shù)據(jù)造成影響。

Post請求：一般用于服務(wù)器數(shù)據(jù)修改

對所發(fā)信息沒有大小限制

HTTP響應(yīng)有三部分

1)一個(gè)數(shù)字和文字組成的狀態(tài)嗎，用來顯示請求是成功還是失敗

2)響應(yīng)頭，和請求頭信息一樣包含很多信息，例如服務(wù)器類型，日期時(shí)間，內(nèi)容類型和長度等

3)響應(yīng)體，響應(yīng)正文

HTTP響應(yīng)狀態(tài)嗎由三位數(shù)字組成，首位數(shù)字定義了狀態(tài)碼的類型：

1xx：信息類，表示接收到瀏覽器請求，正在進(jìn)一步處理

2xx:成功表示用戶請求被正確接受

3xx:重定向，表示沒有請求成功，客戶必須采取進(jìn)一步的動(dòng)作

4xx:客戶端錯(cuò)誤，表示客戶端請求有錯(cuò)誤404NOTFound意味著請求中所引用的文檔不存在

5xx：服務(wù)器錯(cuò)誤，表示服務(wù)器不能完成對請求的處理

通過XMLHttpRequest發(fā)送請求

1.創(chuàng)建

var request = new XMLHttpRquest();

2.發(fā)送請求

兩個(gè)方法：

open(method,url,async),Send(string)這兩種方法可以將請求發(fā)送到服務(wù)器

Request.open(get,get.php,true)
Request.Send()
Request.open(post,post.PHP,true) 
Request.Send()
Request.open(post,post.php,true) 
Request.setRequestHeader(‘Content-Type','application/x-www-form-urlencoded') 
Request.send(“name=王二狗&sex=男”);

send()中的內(nèi)容是要向后臺(tái)傳遞的參數(shù)，在get請求是通過url傳遞參數(shù)，所以get中send()里面的內(nèi)容可以省略，post方式中不能省略，省略了之后就是無意義的請求了

setRequestHeader是用來設(shè)置請求參數(shù)的類型，form

3.獲取響應(yīng)

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

responseXML:

Status和statusText：以數(shù)字和文本形式返回HTTP狀態(tài)嗎

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

getResponseHeader():查詢相應(yīng)中的某個(gè)字段的值

在響應(yīng)返回成功時(shí)得到的通知，在實(shí)際操作中要監(jiān)聽

readyState屬性的變化，他的變化代表著服務(wù)器相應(yīng)的變化

0：表示服務(wù)器請求未初始化，open還沒有被調(diào)用

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

2：請求已經(jīng)被接受，接收到頭部信息

3：處理中，接收到相應(yīng)主體

4：請求完成，并且響應(yīng)完成

Var request=new XMLHttpRequest();
Request.open(get,url,true)
Request.send();
request.onreadyState=function(){
 If(request.readeyState===4&&request.Status===200){
 做一些事情 request.responseText
 }
}

感謝各位的閱讀！關(guān)于“jQuery中Ajax有什么用”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.chinadenli.net，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)站題目：jQuery中Ajax有什么用-創(chuàng)新互聯(lián)
瀏覽路徑：http://www.chinadenli.net/article20/djdcco.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、商城網(wǎng)站、用戶體驗(yàn)、網(wǎng)站收錄、App開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)