实现web页面的局部刷新

最新推荐文章于 2024-07-10 16:40:48 发布

原创最新推荐文章于 2024-07-10 16:40:48 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#web #webservice #service #function #dataset #服务器

web 技术分类专栏收录该内容

12 篇文章

订阅专栏

该博客介绍了一种利用JavaScript和Web服务实现在网页上实时显示服务器时间的方法，通过onload事件触发Init函数，每隔1秒调用GetServerTime获取服务器时间。由于DHTML的安全限制，行为只能访问同域的Web服务，并且支持的基本类型有限，不包括复杂类型如dataset。此技术用于实现页面的局部更新。

服务器的回传会引发整个页面的刷新，怎么样只让它刷新局部呢，前几天看见书上有讲用

WebService行为的，今天试了试，效果还不错

在web目录中需要一个文件webservice.htc

可以到这里下载: http://msdn.microsoft.com/workshop/author/webservice/webservice.htc

见一个WebService 文件名为Service1.asmx:

[WebService(Namespace=" http://localhost/BehaviorService/")]
public class TestService : System.Web.Services.WebService
{

  /// <summary>
  /// 返回服务器的时间
  /// </summary>
  [WebMethod]
  public string GetServerTime()
  {
   return DateTime.Now.ToString();
  }
}

在同级目录下进一个html文件,内容如下:

<script>
var intCallId = 0;

function Init()
{
GetServerTime();
setInterval("GetServerTime()",1000);
}

function GetServerTime()
{
Service.useService("Service1.asmx?WSDL","TestService");
intCallId = Service.TestService.callService("GetServerTime");
}

function service_result()
{
if (event.result.error)
{
showresult.innerText = event.result.errorDetail.string;
}
else
{
showresult.innerText = event.result.value;
}
}

</script>
<html>
<body onload="Init();">
<div id="Service" style="behavior:url(webservice.htc)" onresult="service_result()"></div>
<span id=showresult></span>
</body>
</html>

我查看http://localhost/BehaviorService/test1.htm就可以看到一个服务器上的时间了

而且是会动的，通过这种方法就可以实现页面的局部刷新了

有两点限制：

1.行为只能用域内的web服务，因为DHTML内置的安全限制造成的

2.通过的这种方式的访问的类型会被限制，行为支持.net的基本类型和它们的数组

如：dataset,datatable得复杂类型就不支持了