Ajax核心技術(shù)代碼分享
<script>
var xhr = '';
function Ajax()
{
if(window.XMLHttpRequest)
{
var xhr = new XMLHttpRequest;//現(xiàn)代瀏覽器
}else
{
var xhr = new ActiveXObject('Microsoft.XMLHTTP');//IE
}
}
Ajax();//1.獲取Ajax對(duì)象
xhr.onreadystatechange = function()
{
if(xhr.readyState == 4 && xhr.status == 200)
{
var data = xhr.responseText;//2.判斷狀態(tài),接收數(shù)據(jù)(字符串形式),后續(xù)操作
}
}
//xhr.open('請(qǐng)求方式', '請(qǐng)求地址', TRUE);//3.異步傳輸連接
//xhr.send([data]);//4.發(fā)送請(qǐng)求
xhr.open('GET', 'demo.php?name=weichen&sex=0', TRUE);
xhr.send();
/*
xhr.open('POST', 'demo.php', TRUE);
xhr.setResponseHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send('name=weichen&sex=0');
*/
XHR對(duì)象中的成員屬性和成員方法
{
成員屬性:
status 服務(wù)器響應(yīng)的HTTP狀態(tài)碼(如200或404)
statusText 服務(wù)器響應(yīng)的以字符串形式返回的HTTP狀態(tài)碼(ok或not found)
readyState 瀏覽器請(qǐng)求的狀態(tài)碼(0到4)
responseText 服務(wù)器響應(yīng)的字符串格式的數(shù)據(jù)結(jié)果
responseXML 服務(wù)器響應(yīng)的XML格式的數(shù)據(jù)結(jié)果
onreadystatechange Ajax的請(qǐng)求事件(當(dāng)readystate改變時(shí)調(diào)用的事件處理函數(shù))
onerror 請(qǐng)求過(guò)程中發(fā)生錯(cuò)誤時(shí)調(diào)用的Mozilla的事件處理函數(shù)
onprogress 內(nèi)容加載后調(diào)用的mozilla的事件處理函數(shù)
onload 文檔加載完畢后調(diào)用的mozilla的事件處理函數(shù)
成員方法:
setRequestHeader(); 設(shè)置當(dāng)前請(qǐng)求的header頭信息(為即將發(fā)送到服務(wù)器端的消息頭增加一個(gè)鍵/值對(duì))
open(); 建立一個(gè)新的請(qǐng)求連接(用GET、POST、URL等初始化XHR對(duì)象)
send(); 發(fā)送一個(gè)請(qǐng)求(可能需要發(fā)送的數(shù)據(jù))
getResponseHeader("server"); 返回指定的HTTP頭的值(如server或last-modified)
getAllResponseHeaser(); 返回由換行符分割開(kāi)的所有HTTP頭的字符串
absort(); 終止請(qǐng)求
}
相關(guān)文章
使用Ajax進(jìn)行文件與其他參數(shù)的上傳功能(java開(kāi)發(fā))
這篇文章主要介紹了使用Ajax進(jìn)行文件與其他參數(shù)的上傳功能(java開(kāi)發(fā)),非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下吧2017-01-01ajax實(shí)現(xiàn)點(diǎn)擊不同的鏈接讓返回的內(nèi)容顯示在特定div里
過(guò)ajax實(shí)現(xiàn)在一個(gè)web頁(yè)面點(diǎn)擊不同的鏈接,然后將返回的結(jié)果顯示在該頁(yè)面固定的div里2014-06-06關(guān)于前端ajax請(qǐng)求的優(yōu)雅方案(http客戶端為axios)
這篇文章主要給大家介紹了關(guān)于前端ajax請(qǐng)求的優(yōu)雅方案,本文http客戶端為axios,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-12-12AJAX應(yīng)用之注冊(cè)用戶即時(shí)檢測(cè)
AJAX應(yīng)用之注冊(cè)用戶即時(shí)檢測(cè)...2006-07-07JQuery中Ajax的Post提交在IE下中文亂碼的解決方法
在JQuery的Ajax POST請(qǐng)求中,進(jìn)行請(qǐng)求,其中的中文在后臺(tái),顯示為亂碼,在FF/Chrome中,可以正常傳遞中文,但是在IE下,則存在問(wèn)題2014-05-05