1. 程式人生 > 實用技巧 >JavaScript-Runoob-AJAX:AJAX 例項

JavaScript-Runoob-AJAX:AJAX 例項

ylbtech-JavaScript-Runoob-AJAX:AJAX 例項

1.返回頂部
1、

AJAX例項


為了幫助您理解 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>

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

2、
2.
返回頂部
3.返回頂部
4.返回頂部
5.返回頂部
1、 https://www.runoob.com/ajax/ajax-example.html 2、
6.返回頂部
作者:ylbtech
出處:http://ylbtech.cnblogs.com/
本文版權歸作者和部落格園共有,歡迎轉載,但未經作者同意必須保留此段宣告,且在文章頁面明顯位置給出原文連線,否則保留追究法律責任的權利。