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

前端之家收集整理的这篇文章主要介绍了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;

}

总结:

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

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

原文链接:https://www.f2er.com/ajax/162482.html

猜你在找的Ajax相关文章