用WebService实现web页面的局部刷新
2006-03-20 14:29
288 查看
服务器的回传会引发整个页面的刷新,怎么样只让它刷新局部呢,前几天看见书上有讲用
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得复杂类型就不支持了
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得复杂类型就不支持了
相关文章推荐
- 实现web页面局部动态刷新
- AJAX-实现WEB页面局部动态刷新
- Ajax的常用技巧(6)---实现web页面局部动态刷新
- 实现web页面的局部刷新
- 实现Web页面中级联菜单的设计/实现动态加载列表框/实现自动刷新页面/实现Web页面的局部动态更新/实现自动完成功能
- 用jQuery.ajaxWebService请求WebMethod,Ajax处理实现局部刷新
- Ajax的常用技巧(6)---实现web页面局部动态刷新
- 实现web页面局部动态刷新
- 在ASP.NET MVC中使用Juqery实现页面局部刷新
- pushState()、popstate事件配合ajax实现浏览器前进后退页面局部刷新
- ajax+html5 pushState 技术实现页面局部刷新
- ASP.NET使用ajax实现分页局部刷新页面功能
- 实现Web页面局部动态更新
- javascript 实现页面的定时器,局部刷新
- 利用history对象实现地址栏更新,页面局部刷新
- jQuery实现AJAX定时刷新局部页面实例
- a标签的target指向iframe实现页面局部刷新
- js局部刷新页面时间具体实现
- jquery实现页面局部刷新