溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家介紹ajax異步請求服務器是怎樣的，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。
曾用jquery的集成ajax，現在來學學JavaScript原生的ajax。
下面是一個ajax請求服務端一個xml內容的簡單實驗。
步驟一：在服務器上，新建一個xml，命名為simpleAjax.xml，輸入該文件中的內容是：This is the content of the simpleAjax.xml from server!
步驟二：在服務器上，新建一個html，命名為simpleAjax.html，與剛才建的simpleAjax.xml放在同一個目錄下。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
simpleAjax
</title>
<script type="text/javascript">
var xmlHttpRequest; //XMLHttpRequest對象名
function sendRequest() { //發送http請求
getXMLHttpRequest(); //獲得一個XMLHttpRequest對象到xmlHttpRequest
xmlHttpRequest.onreadystatechange = stateChange; //http狀態變化時執行的操作
xmlHttpRequest.open("GET", "simpleAjax.xml"); //連接
xmlHttpRequest.send(null); //向服務器發送請求（這里內容為空）
}
function getXMLHttpRequest() {
if(window.ActiveXObject) { //IE類
xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest) { //Chrome類
xmlHttpRequest = new XMLHttpRequest();
}
}
function stateChange() {
if(xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200) { //請求已完成且狀態OK
alert(xmlHttpRequest.responseText); //作出的反應
}
}
</script>
</head>
<body>
<form action="#">
<input type="button" value="Send Asynchronous Request" onclick="sendRequest();" />
</form>
</body>
</html>步驟三：瀏覽器訪問。
Chrome的結果：
IE的結果：
獲取XMLHttpRequest對象 ——>> 設置狀態改變的動作 ——>> 連接 ——>> 發送請求。
關于ajax異步請求服務器是怎樣的就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
