早就听说Ajax的好处,最近才有时间来看 相关技术资料,做了一些小例子,下面是我写的第一个例子,在页面上显示当前时间,并且随当前时间改变
客户端:
<
script
>
var
timer;
function
Send()
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
...
{
var request = false;
if (window.ActiveXObject)
![](https://i-blog.csdnimg.cn/blog_migrate/37c8bf68cdc3cc81759c34160776bc53.gif)
...{ // IE
try
![](https://i-blog.csdnimg.cn/blog_migrate/37c8bf68cdc3cc81759c34160776bc53.gif)
...{
request = new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
![](https://i-blog.csdnimg.cn/blog_migrate/37c8bf68cdc3cc81759c34160776bc53.gif)
...{
try
![](https://i-blog.csdnimg.cn/blog_migrate/37c8bf68cdc3cc81759c34160776bc53.gif)
...{
request = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
![](https://i-blog.csdnimg.cn/blog_migrate/37c8bf68cdc3cc81759c34160776bc53.gif)
...{
}
}
}
if (!request)
alert("Error initializing XMLHttpRequest!");
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
var Time = document.getElementById("time").value;
var url = "Server.aspx";
request.onreadystatechange = doContents;
request.open('GET', url, true);
request.send(null);
function doContents()
![](https://i-blog.csdnimg.cn/blog_migrate/37c8bf68cdc3cc81759c34160776bc53.gif)
...{
if (request.readyState == 4)
![](https://i-blog.csdnimg.cn/blog_migrate/37c8bf68cdc3cc81759c34160776bc53.gif)
...{
if (request.status == 200)
![](https://i-blog.csdnimg.cn/blog_migrate/37c8bf68cdc3cc81759c34160776bc53.gif)
...{
document.getElementById("time").value = request.responseText
}
else
![](https://i-blog.csdnimg.cn/blog_migrate/37c8bf68cdc3cc81759c34160776bc53.gif)
...{
alert('There was a problem with the request.');
alert(request.status);
}
}
}
}
var
interval
=
1000
;
var
timer
=
window.setInterval(Send, interval);
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
</
script
>
服务段:
服务段页面部分只剩下
<%
...
@ Page Language="C#" AutoEventWireup="true" CodeFile="Server.aspx.cs" Inherits="Server"
%>
其余部分都删除掉了,不然客户端会显示服务端所有页面代码
protected
void
Page_Load(
object
sender, EventArgs e)
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
...
{
Response.Write(DateTime.Now.ToString()); //输出当前时间
}