最简单的 AJAX 例子代码(完整注释) - DreamAngel

喜欢的Blog

搜索

最新评论

1. re: OA系统权限管理设计方案
这文章相当的游泳呀，呵呵，谢谢
--mavin
2. re: javascript实现日期星期的显示
新手！学习啦~
谢谢呀
--黑叶拜天
3. re: OA系统权限管理设计方案
道友，我认为你的权限值没有太大的意义
--jimmyhcl
4. re: OA系统权限管理设计方案
小弟初学表之间的关联设计，可以附加上数据模型图中字段的意思吗？感激不尽！
--newPeople
5. re: OA系统权限管理设计方案
很好.
--式样

阅读排行榜

评论排行榜

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 飞翔天使阅读(214) 评论(2) 编辑收藏所属分类: ajax

常用链接

留言簿(1)

随笔分类(114)

随笔档案(114)

文章分类(25)

文章档案(25)

喜欢的Blog

搜索

最新评论

阅读排行榜

评论排行榜