实现web页面的局部刷新

服务器的回传会引发整个页面的刷新，怎么样只让它刷新局部呢，前几天看见书上有讲用
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得复杂类型就不支持了

时间： 2025-01-21 00:22:14

实现web页面的局部刷新的相关文章

Web开发中局部刷新url地址如何改变，浏览器刷新之后页面跳转控制

问题描述 Web开发中局部刷新url地址如何改变,浏览器刷新之后页面跳转控制 如图,我想讲页面做成1,2,3块用div控制,当点击1处的DIV中树枝时同时改变div3的HTML和DIV2 的A处的说明,同时当前sub-bar保持展开状态,当点击浏览器的刷新按钮时控制页面的刷新还展示之前的状态,而不是跳转到初始化界面,该如何做?????请各路大神帮忙,谢谢!!!

magento-在用iframe实现页面的局部刷新问题

问题描述 在用iframe实现页面的局部刷新问题 在页面局部刷新的时候,我要实现的功能是通过选择项的不同,能够不刷新左侧的list,只是刷新图片部分.现在将获取图片的部分放在了一个phtml页面中,经过调用,在原来显示图片的位置上显示的不是商品图片,而是将整个网站的页面放在了div里面,求破解之法. 解决方案 最近也用到了ifame标签,确实可以只显示嵌入网页在一部分,具体怎么做还在学习中

在一个jsp页面上 局部刷新

问题描述 在一个jsp页面上 局部刷新 在一个jsp页面上 有两个div 其中一个是登陆 另一个是测试文本框 怎么在点击 登录时候 下面文本框 不刷新

用Jquery.load载入页面实现局部刷新_jquery

因为开始不懂Jquery,一直想用jquery.load的方法载入新的页面,以实现局部刷新,结果发现载入进来的页面与原来单独的页面不一样,样式没了,后来在网上查了一下,发现了解决办法,这是别人的回答: 是这样的,如果不过滤掉一些内容的话,直接加载,会使页面混乱的,比如新的页面也存在<body>标签,加载进来后,一个页面就会存在两个<body>标签是不规范的的HTML.这个是在jquery.load()函数中规定的.一般加载进来的页面需要自己根据加载的内容的元素重新定义CSS样式和添

html-Web开发中局部刷新url地址如何改变，浏览器刷新之后页面跳转控制

问题描述 Web开发中局部刷新url地址如何改变,浏览器刷新之后页面跳转控制

使用js callback机制实现调用页面局部刷新

需求描述:审批表单页面由我的待办工作中打开,办理完毕后希望关闭该页面并且实现我待办表格的实时刷新;同时该需求也同样适用于从某些工作流管理模块中需要发起审批的情况,比如招聘需求模块中发起录用流程;我的绩效管理中审批绩效等. 我们先来看看之前的实现,该逻辑实现的功能是,从我待办列表中发起审批,审批结束后直接在当前页面,也就是审批页面跳转至一个新的oa主页面,并且打开我的工作-我待办的页签,实现方法如下: $("#but_back").bind("click", func

JQuery的Ajax请求实现局部刷新的简单实例_jquery

请求的ajax路径传递的参数(data)会到action中被一个同样名字的变量(附带set get方法)接收,返回的data是一个JQuery的数组对象,在被调用的action中涉及到的数据变量会对象,都会封装到data中最终返回给页面. 案例:如图 我要实现状态的更改,用JQuery的Ajax更改完之后图标发生改变,实现页面的局部刷新 原理:局部刷新是刷新页面的一部分,在此案例中实现的只是图标的改变,把后台代码和前台现实的图标分离,并不是对数据库重新做查询,二是后台数显数据修改之后,前台直接改

局部刷新 方案-求web前端局部刷新方案

问题描述 求web前端局部刷新方案 1.iframe引用的html内容不能被查询,决定了她早晚被淘汰的命运.不想用这个.2.传统的ajax实现的局部刷新,不能执行返回上一页面操作,即使用jquery组件实现了返回功能,url刷新,也是返回到最初页面.不合逻辑问题:有没有好的局部刷新替代方法,或者改进方法 解决方案 刷新使用ajax 做过查询页面的返回 是用session保存最新状态,返回并加载 解决方案二: 用hash或者cookie记录住你的刷新步骤,页面刷新是从cookie或者hash中获取

Ajax实现页面局部刷新示例代码小结

网页自动刷新功能在web网站上已经屡见不鲜了,如即时新闻信息,股票信息等,都需要不断获取最新信息.在传统的web实现方式中,想要实现类似的效果,必须进行整个页面的刷新,在网络速度受到一定限制的情况下,这种因为一个局部变动而牵动整个页面的处理方式显得有些得不偿失.Ajax技术的出现很好的解决了这个问题,利用Ajax技术可以实现网页的局部刷新,只更新指定的数据,并不更新其他的数据.    现在创建一个实例,以演示网页的自动刷新功能,该实例模拟火车侯票大厅的显示字幕. 1,服务器端代码 该实例服务器端