使用XMLHttpRequest 实现ajax效果
来源:互联网 发布:巨人网络球球大作战 编辑:程序博客网 时间:2024/04/20 10:19
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>xmlhttprequest ajax demo</title>
<script type ="text/javascript" language ="javascript" >
var req; //定义变量,用来创建xmlhttprequest对象
function creatReq() // 创建xmlhttprequest,ajax开始
{
var url="ajaxServer.aspx"; //要请求的服务端地址
if(window.XMLHttpRequest) //非IE浏览器及IE7(7.0及以上版本),用xmlhttprequest对象创建
{
req=new XMLHttpRequest();
}
else if(window.ActiveXObject) //IE(6.0及以下版本)浏览器用activexobject对象创建,如果用户浏览器禁用了ActiveX,可能会失败.
{
req=new ActiveXObject("Microsoft.XMLHttp");
}
if(req) //成功创建xmlhttprequest
{
req.open("GET",url,true); //与服务端建立连接(请求方式post或get,地址,true表示异步)
req.onreadystatechange = callback; //指定回调函数
req.send(null); //发送请求
}
}
function callback() //回调函数,对服务端的响应处理,监视response状态
{
if(req.readystate==4) //请求状态为4表示成功
{
if(req.status==200) //http状态200表示OK
{
Dispaly(); //所有状态成功,执行此函数,显示数据
}
else //http返回状态失败
{
alert("服务端返回状态" + req.statusText);
}
}
else //请求状态还没有成功,页面等待
{
document .getElementById ("myTime").innerHTML ="数据加载中";
}
}
function Dispaly() //接受服务端返回的数据,对其进行显示
{
document .getElementById ("myTime").innerHTML =req.responseText;
}
</script>
</head>
<body>
<div id="myTime"></div>
<input id="Button1" type="button" value="Get Time" onclick ="creatReq();"/>
</body>
</html>
服务端ajaxServer.aspx代码 (不需要HTML代码,只需服务端处理返回数据,也可用ashx文件来处理)
{
protected void Page_Load(object sender, EventArgs e) {
System.Threading.Thread.Sleep(1000); //为了看到ajax效果,将当前线程延时1000毫秒
Response.Write(DateTime .Now .ToString ()); //输出当前时间
}
}
- 使用XMLHttpRequest 实现ajax效果
- 使用XMLHttpRequest 实现ajax效果
- 不使用XMLHttpRequest对象实现Ajax效果
- XMLHttpRequest实现Ajax效果实例
- XMLHttpRequest实现Ajax效果实例
- 使用XMLHttpRequest实现AJAx
- 使用 XMLHttpRequest 实现 Ajax
- 使用 XMLHttpRequest 实现 Ajax
- 使用XmlHttpRequest实现简单Ajax
- 使用xmlHttpRequest实现Ajax技术
- 10002---使用 XMLHttpRequest 实现 Ajax
- 使用XMLHTTPRequest和JQuery库实现AJax
- [学习小结]Ajax_使用 XMLHttpRequest 实现 Ajax
- 原生js使用xmlhttpRequest实现ajax请求
- XMLHttpRequest、prototype实现ajax
- AJAX XMLHttpRequest 实现
- ajax使用xmlHttpRequest对象
- ajax使用XMLHTTPRequest
- WEB服务器配置
- MySQL导出导入命令的用例
- UNICODE与UTF-8的转换详解
- 算法和数据结构词典
- 详述IP数据包的转发流程
- 使用XMLHttpRequest 实现ajax效果
- 爱我的人还是我爱的人?
- 使用梅花树1.0遇到的问题:火狐可以显示树,但是IE不能显示树
- 机器学习是什么--周志华
- 为什么添加ACL访问控制列表以后,进程还是能被结束 (dump acl )
- 如何查看端口占用情况?
- 有关“结对编程”的一些结论
- IxEdit傻瓜式JavaScript开发工具(附下载、汉化版、视频教程)
- XML