怡红院亚洲怡红院首页,99人中文字幕亚洲区,亚洲精品不卡视频

最簡單的 AJAX 例子代碼(完整注釋)

1<input type="button" onclick="ajaxTest()" value="AJAX測試">
2
3<input type="button" onclick=" document.getElementById('weather').innerHTML='' " value="隱藏">
4
5<script>
6// 1. 初始化請求對象
7// Mozilla/Firefox 下的
8var xmlhttp = new XMLHttpRequest();
9// IE 下的
10//var xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
11//alert(xmlhttp);
12
13function ajaxTest() {
14    // 指定要打開的頁面
15    xmlhttp.open("GET", "staticpage.html", true);// HTTP 請求的方式, URL, 是否異步
16    // 指定頁面打開完之后要進行的操作.
17    xmlhttp.onreadystatechange = mychange;
18    // 開始發起瀏覽請求, Mozilla 必須加 null
19    xmlhttp.send(null);
20}
21
22// 這個函數就是每次狀態改變要調用的函數
23function mychange() {
24    // 請求已完成
25    if(xmlhttp.readyState == 4) {
26        //alert(xmlhttp.readyState);
27        alert(xmlhttp.responseText);
28        // 更新對應的 HTML 元素里面顯示的內容
29    // 根據 ID 引用頁面里面的元素 document.getElementById(元素名)
30    document.getElementById('weather').innerHTML = xmlhttp.responseText;
31    }
32}
33</script>
34
35<div id="weather"></div>

posted on 2009-02-07 21:33 飛翔天使閱讀(640) 評論(2) 編輯收藏所屬分類: ajax

常用鏈接

留言簿(1)

隨筆分類(146)

隨筆檔案(147)

文章分類(28)

文章檔案(28)

喜歡的Blog

搜索

最新評論

閱讀排行榜

評論排行榜


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: jquery常用技巧（整理中） jquery,js上移下移 FCKeditor常見問題（2012.10.13更新）如何給Ajax的回調函數傳參數？ ExtJS的tbar布局 Ext框架的Grid使用介紹 Extjs使用教程（整理中） dtree的使用最簡單的 AJAX 例子代碼(完整注釋)