溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

ajax異步請(qǐng)求服務(wù)器是怎樣的

發(fā)布時(shí)間：2021-11-26 09:44:26 來(lái)源：億速云 閱讀：138 作者：柒染 欄目：開(kāi)發(fā)技術(shù)

這篇文章給大家介紹ajax異步請(qǐng)求服務(wù)器是怎樣的，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對(duì)大家能有所幫助。

曾用jquery的集成ajax，現(xiàn)在來(lái)學(xué)學(xué)JavaScript原生的ajax。

下面是一個(gè)ajax請(qǐng)求服務(wù)端一個(gè)xml內(nèi)容的簡(jiǎn)單實(shí)驗(yàn)。

步驟一：在服務(wù)器上，新建一個(gè)xml，命名為simpleAjax.xml，輸入該文件中的內(nèi)容是：This is the content of the simpleAjax.xml from server!

ajax異步請(qǐng)求服務(wù)器是怎樣的

步驟二：在服務(wù)器上，新建一個(gè)html，命名為simpleAjax.html，與剛才建的simpleAjax.xml放在同一個(gè)目錄下。

<!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對(duì)象名
			function sendRequest() {		//發(fā)送http請(qǐng)求
				getXMLHttpRequest();		//獲得一個(gè)XMLHttpRequest對(duì)象到xmlHttpRequest
				xmlHttpRequest.onreadystatechange = stateChange;		//http狀態(tài)變化時(shí)執(zhí)行的操作
				xmlHttpRequest.open("GET", "simpleAjax.xml");		//連接
				xmlHttpRequest.send(null);		//向服務(wù)器發(fā)送請(qǐng)求（這里內(nèi)容為空）
			}
			function getXMLHttpRequest() {
				if(window.ActiveXObject) {		//IE類(lèi)
					xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
				}
				else if(window.XMLHttpRequest) {		//Chrome類(lèi)
					xmlHttpRequest = new XMLHttpRequest();
				}
			}
			function stateChange() {
				if(xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200) {		//請(qǐng)求已完成且狀態(tài)OK
					alert(xmlHttpRequest.responseText);		//作出的反應(yīng)
				}
			}
		</script>
	</head>
	<body>
		<form action="#">
			<input type="button" value="Send Asynchronous Request" onclick="sendRequest();" />
		</form>
	</body>
</html>

步驟三：瀏覽器訪(fǎng)問(wèn)。

Chrome的結(jié)果：

ajax異步請(qǐng)求服務(wù)器是怎樣的

IE的結(jié)果：

ajax異步請(qǐng)求服務(wù)器是怎樣的

獲取XMLHttpRequest對(duì)象 ——>> 設(shè)置狀態(tài)改變的動(dòng)作 ——>> 連接 ——>> 發(fā)送請(qǐng)求。

關(guān)于ajax異步請(qǐng)求服務(wù)器是怎樣的就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手