AJAX 實例

AJAX 實例

·Previous Page

·Next Page

爲了幫助您理解 AJAX 的工作原理,我們創建了一個小型的 AJAX 應用程序。

實例

Let AJAX change this text

通過 AJAX 改變內容

AJAX 實例解釋

上面的 AJAX 應用程序包含一個 div 和一個按鈕。

div 部分用於顯示來自服務器的信息。當按鈕被點擊時,它負責調用名爲 loadXMLDoc() 的函數:

<html>

<body>

 

<div id="myDiv"><h3>Let AJAX change this text</h3></div>

<button type="button" onclick="loadXMLDoc()">Change Content</button>

 

</body>

</html>

接下來,在頁面的 head 部分添加一個 <script> 標籤。該標籤中包含了這個 loadXMLDoc() 函數:

<head>

<script type="text/javascript">

function loadXMLDoc()

{

.... AJAX script goes here ...

}

</script>

</head>

下面的章節會爲您講解 AJAX 的工作原理。

來自:http://www.w3school.com.cn

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章