AJAX 实例
为了帮助您理解 AJAX 的工作原理,我们创建了一个小型的 AJAX 应用程序:
AJAX 实例解析
上面的 AJAX 应用程序包含一个 div 和一个按钮。
div 部分用于显示来自服务器的信息。当按钮被点击时,它负责调用名为 loadXMLDoc() 的函数:
<
div
id
=
"
myDiv
"
>
<
h2
>
使用 AJAX 修改该文本内容
</
h2
>
</
div
>
<
button
type
=
"
button
"
onclick
=
"
loadXMLDoc()
"
>
修改内容
</
button
>
接下来,在页面的 head 部分添加一个 <script> 标签。该标签中包含了这个 loadXMLDoc() 函数:
<
head
>
<
script
>
function loadXMLDoc(){ .... AJAX 脚本执行 ...}
</
script
>
</
head
>