ajax简单应用之动态获取服务器时间

前段时间负责维护的一个项目提出需求，要求在前台实时刷新服务器的时间，对于我这样的技术小白来说，很值得学习。现记录代码：

前台aspx页面代码

<form id=form1runat="server">

<asp:button id=Button1 onclick=Button1_Click runat="server"Text="Button"> </asp:button>利用XMLHTTP(XMLHTTPRequest)对象异步访问服务器获取 数据更新页面(IE/FireFox等支持)<br>实现效果: 动态取得服务器时间<br><br><labelid=lbl></label><script>

function GetXmlHttp()

{

return window.XMLHttpRequest ? new XMLHttpRequest() :new ActiveXObject("Microsoft.XMLHTTP");

}

function GetRequest()

{

var url = "GetServerTime.aspx?name=1&x="+ Math.random();

xmlHttp = GetXmlHttp();

xmlHttp.onreadystatechange = OnReadyStateChange;

xmlHttp.open("GET",url,true);

xmlHttp.send("");

}

function OnReadyStateChange()

{

if(xmlHttp.readyState == 4)

{

document.getElementById("lbl").innerHTML = xmlHttp.responseText +"<br />更新间隔: " + interval + "ms";

}

}

varxmlHttp;

var interval =1000;

var timer =window.setInterval(GetRequest,interval);

</script>

</form>

后台cs代码

protected voidPage_Load(object sender,EventArgs e)

{

if (Request.QueryString["name"] != null)

{

Response.Write(DateTime.Now);

Response.End();

}

}

针对我的MVC框架，我把URL指向了一个ActionResult方法：

PublicActionResult Test()

{

Response.Write(DateTime.Now);

Response.End();

Return null;

}

总结：

经常记录一些代码，手敲一些代码总是有必要的。

对开发来说，实现不重要，原理才是根本。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!