一个简单的Ajax实例
来源:互联网 发布:设计班服要用什么软件 编辑:程序博客网 时间:2024/05/01 09:33
点击弹出新页面中的“See Author”链接,你将会看到该页面作者。从页面提交到显示从服务器获得的结果,这段过程你将不会发现页面的重刷新。
<script type="text/javascript">
function findAuthor(file){
var xmlObj = null;
if(window.XMLHttpRequest){
xmlObj = new XMLHttpRequest();
} else if(window.ActiveXObject){
xmlObj = new ActiveXObject("Microsoft.XMLHTTP");
} else {
return;
}
xmlObj.onreadystatechange = function(){
if(xmlObj.readyState == 4){ <!-- 描述一个已加载的状态 -->
updateObj('author',
xmlObj.responseXML.getElementsByTagName('name')[0].firstChild.data);
}
}
xmlObj.open ('GET', file, true);
xmlObj.send (''); <!-- 向服务器发出请求 -->
}
function updateObj(obj, data){
var textNode = document.createTextNode(data); <!-- 文本内容data转换成Dom对象 -->
document.getElementById(obj).appendChild(textNode);
}
</script>
创建好XMLHttpRequest对象xmlObj之后,会调用函数监听该对象状态的变化,onreadystatechange 是一个事件句柄。它的值是一个函数function(){...},当 XMLHttpRequest 对象的状态发生改变时,会触发此函数。状态从 0 (uninitialized) 到 4 (complete) 进行变化。仅在状态为 4 时,我们才执行代码。
我们的实例在 open() 的第三个参数中使用了 "true"。
该参数规定请求是否异步处理。
True 表示脚本会在 send() 方法之后继续执行,而不等待来自服务器的响应。
- 一个简单的ajax实例
- 一个简单的AJAX实例
- 一个简单的ajax实例
- 一个简单的AJAX实例
- AJAX的一个简单实例
- 一个简单的ajax实例
- 一个简单的Ajax实例
- 一个简单的ajax实例:ajax与struts2实例
- 一个简单的ajax实例:ajax与struts2实例
- ajax最简单的一个实例
- 一个最简单的Ajax实例
- 一个Ajax简单实例分析
- 简单的ajax实例
- 简单的Ajax实例
- 一个最简单的Ajax实例(大部分是抄袭的)
- 一个简单的兼容IE与firefox的ajax实例
- 一个简单的基于AJAX的二级联动实例
- 一个简单的ajax+servlert+jsp的完整实例
- SQL中char、varchar、text和nchar、nvarchar、ntext的区别
- Struts2利用stream直接输出Excel
- FAT,FAT32,NTFS单目录文件数量限制
- ORACLE PL/SQL编程之把过程与函数说透
- dizhi
- 一个简单的Ajax实例
- python的SocketServer代码记录
- 使用ffmpeg sdk v3.2和vc6.0编译output_example.c
- Python连接Access和读取Access数据库的例子
- 对代理模式与Java动态代理类的理解
- ORACLE 10.2.5垮版本升级11.2.2 for windows 详细文档
- 调用键盘的动画效果
- 假如我从头学习c语言的话....
- 无法创建目录或文件问题的解决办法