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