好程序員Java學(xué)習(xí)路線分享原生Ajax的使用，首先我們先來看一下什么是 AJAX

成都創(chuàng)新互聯(lián)公司主要業(yè)務(wù)有網(wǎng)站營銷策劃、成都網(wǎng)站建設(shè)、成都網(wǎng)站制作、微信公眾號開發(fā)、微信小程序開發(fā)、H5開發(fā)、程序開發(fā)等業(yè)務(wù)。一次合作終身朋友，是我們奉行的宗旨；我們不僅僅把客戶當(dāng)客戶，還把客戶視為我們的合作伙伴，在開展業(yè)務(wù)的過程中，公司還積累了豐富的行業(yè)經(jīng)驗、全網(wǎng)整合營銷推廣資源和合作伙伴關(guān)系資源，并逐漸建立起規(guī)范的客戶服務(wù)和保障體系。 

AJAX 是一種在無需重新加載整個網(wǎng)頁的情況下，能夠更新部分網(wǎng)頁的技術(shù)。

AJAX 就是 異步、JavaScript 和 XML。

AJAX 是一種用于創(chuàng)建快速動態(tài)網(wǎng)頁的技術(shù)。

通過在后臺與服務(wù)器進行少量數(shù)據(jù)交換，AJAX 可以使網(wǎng)頁實現(xiàn)異步更新。這意味著可以在不重新加載整個網(wǎng)頁的情況下，對網(wǎng)頁的某部分進行更新。

傳統(tǒng)的網(wǎng)頁（不使用 AJAX）如果需要更新內(nèi)容，必需重載整個網(wǎng)頁面。

AJAX 工作原理

Browser瀏覽器 ???????????Server服務(wù)器

發(fā)起事件

創(chuàng)建XMLHttpRequest對象

發(fā)送請求 ???????????????

?????????????????接收客戶端發(fā)送的對象

?????????????????回復(fù)一個ResponseText對象

接收ResponseText結(jié)果

更新頁面局部數(shù)據(jù)

???????????????????????????????????????????

XMLHttpRequest 對象

XMLHttpRequest 是 AJAX 的基礎(chǔ)。

所有現(xiàn)代瀏覽器均支持 XMLHttpRequest 對象（IE5 和 IE6 使用 ActiveXObject）。

XMLHttpRequest 用于在后臺與服務(wù)器交換數(shù)據(jù)。這意味著可以在不重新加載整個網(wǎng)頁的情況下，對網(wǎng)頁的某部分進行更新。

創(chuàng)建 XMLHttpRequest 對象

所有現(xiàn)代瀏覽器（IE7+、Firefox、Chrome、Safari 以及 Opera）均內(nèi)建 XMLHttpRequest 對象。

創(chuàng)建 XMLHttpRequest 對象的語法：

variable=new XMLHttpRequest();

為了應(yīng)對所有的現(xiàn)代瀏覽器，包括 IE5 和 IE6，請檢查瀏覽器是否支持 XMLHttpRequest 對象。如果支持，則創(chuàng)建 XMLHttpRequest 對象。如果不支持，則創(chuàng)建 ActiveXObject ：

**實例**

var xmlhttp;

if (window.XMLHttpRequest)

{

// ?IE7+, Firefox, Chrome, Opera, Safari 瀏覽器執(zhí)行代碼

xmlhttp=new XMLHttpRequest();

}

else

{

// IE6, IE5 瀏覽器執(zhí)行代碼

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

}

AJAX - 向服務(wù)器發(fā)送請求請求

XMLHttpRequest 對象用于和服務(wù)器交換數(shù)據(jù)。

向服務(wù)器發(fā)送請求

如需將請求發(fā)送到服務(wù)器，我們使用 XMLHttpRequest 對象的 open() 和 send() 方法：

?xmlhttp.open("GET","ajax_info.txt",true);

?xmlhttp.send();

open(method,url,async) 規(guī)定請求的類型、URL 以及是否異步處理請求。

method：請求的類型；GET 或 POST

url：文件在服務(wù)器上的位置

async：true（異步）或 false（同步）

send(string) 將請求發(fā)送到服務(wù)器。

string：僅用于 POST 請求

GET 還是 POST？

與 POST 相比，GET 更簡單也更快，并且在大部分情況下都能用。

然而，在以下情況中，請使用 POST 請求：

無法使用緩存文件（更新服務(wù)器上的文件或數(shù)據(jù)庫）

向服務(wù)器發(fā)送大量數(shù)據(jù)（POST 沒有數(shù)據(jù)量限制）

發(fā)送包含未知字符的用戶輸入時，POST 比 GET 更穩(wěn)定也更可靠

**GET 請求**

xmlhttp.open("GET","/try/ajax/demo_get.php",true);

xmlhttp.send();

如果您希望通過 GET 方法發(fā)送信息，請向 URL 添加信息：

xmlhttp.open("GET","/try/ajax/demo_get2.php?fname=Henry&lname=Ford",true);

xmlhttp.send();

**POST 請求**

一個簡單 POST 請求：

xmlhttp.open("POST","/try/ajax/demo_post.php",true);

xmlhttp.send();

如果需要像 HTML 表單那樣 POST 數(shù)據(jù)，請使用 setRequestHeader() 來添加 HTTP 頭。然后在 send() 方法中規(guī)定您希望發(fā)送的數(shù)據(jù)：

xmlhttp.open("POST","/try/ajax/demo_post2.php",true);

xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

xmlhttp.send("fname=Henry&lname=Ford");

AJAX - 服務(wù)器 響應(yīng)

請規(guī)定在響應(yīng)處于 onreadystatechange 事件中的就緒狀態(tài)時執(zhí)行的函數(shù)：

服務(wù)器響應(yīng)如需獲得來自服務(wù)器的響應(yīng)，請使用 XMLHttpRequest 對象的 responseText 或 responseXML 屬性。

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

responseXML 獲得 XML 形式的響應(yīng)數(shù)據(jù)。

創(chuàng)新互聯(lián)www.cdcxhl.cn，專業(yè)提供香港、美國云服務(wù)器，動態(tài)BGP最優(yōu)骨干路由自動選擇，持續(xù)穩(wěn)定高效的網(wǎng)絡(luò)助力業(yè)務(wù)部署。公司持有工信部辦法的idc、isp許可證， 機房獨有T級流量清洗系統(tǒng)配攻擊溯源，準確進行流量調(diào)度，確保服務(wù)器高可用性。佳節(jié)活動現(xiàn)已開啟，新人活動云服務(wù)器買多久送多久。

分享題目：好程序員Java學(xué)習(xí)路線分享原生Ajax的使用-創(chuàng)新互聯(lián)
分享路徑：http://weahome.cn/article/dpcech.html