AJAX 實(shí)例
2021-10-13 17:34 更新
AJAX 實(shí)例
AJAX的工作原理相當(dāng)于在用戶(hù)和服務(wù)器之間加了—個(gè)中間層(AJAX引擎)，使用戶(hù)操作與服務(wù)器響應(yīng)異步化。
為了幫助您理解 AJAX 的工作原理，我們創(chuàng)建了一個(gè)小型的 AJAX 應(yīng)用程序:
AJAX 實(shí)例解析
上面的 AJAX 應(yīng)用程序包含一個(gè) div 和一個(gè)按鈕。
div 部分用于顯示來(lái)自服務(wù)器的信息。當(dāng)按鈕被點(diǎn)擊時(shí)，它負(fù)責(zé)調(diào)用名為 loadXMLDoc() 的函數(shù)：
<!DOCTYPE html>
<html> <body>
<div id="myDiv"><h2>Let AJAX change this text</h2></div>
<button type="button" onclick="loadXMLDoc()">Change Content</button>
</body>
</html>接下來(lái)，在頁(yè)面的 head 部分添加一個(gè) <script> 標(biāo)簽。該標(biāo)簽中包含了這個(gè) loadXMLDoc() 函數(shù)：
<head>
<script>
function loadXMLDoc()
{
.... AJAX script goes here ...
}
</script>
</head>要?jiǎng)?chuàng)建AJAX實(shí)例，需要使用服務(wù)器端語(yǔ)言，例如Servlet，JSP，PHP，的ASP.Net等，這里我們使用JSP來(lái)說(shuō)一下。
創(chuàng)建AJAX的實(shí)例步驟：
- 加載org.json.jar文件
- 創(chuàng)建輸入頁(yè)面以接收任何文本或數(shù)字
- 創(chuàng)建服務(wù)器端頁(yè)面以處理請(qǐng)求
- 在web.xml文件中提供條目
AJAX與傳統(tǒng)的CGI程序的區(qū)別
在嘗試AJAX示例時(shí)，沒(méi)有不連續(xù)性并且您可以非常快速地獲得響應(yīng)，但是當(dāng)您嘗試標(biāo)準(zhǔn)GCI示例時(shí)，您將不得不等待響應(yīng)并且您的頁(yè)面也會(huì)得到刷新。
在接下來(lái)的章節(jié)中，我們將會(huì)繼續(xù)為您講解AJAX的工作原理。
以上內(nèi)容是否對(duì)您有幫助：
更多建議：