62,268
社区成员
发帖
与我相关
我的任务
分享页面局部刷新!!!!
一个充值页面,上半部分是充值操作区域!充值之后将数据存到数据库.下半部分是显示区域,将数据从数据库中取出!
现在需要的是,每5秒刷新一下下半部分的显示区域!整个页面不能动!该如何 做?
现在需要的是,每5秒刷新一下下半部分的显示区域!整个页面不能动!该如何 做?
...全文
请发表友善的回复…
发表回复
fengying0529 2012-03-31
- 打赏
- 举报
UpdatePanel + 定时器
zj25810 2012-03-31
- 打赏
- 举报
用iframe装一个页面放在这个主页面。
iframe里面的页面改变时，主页面不会刷新。
iframe里面的页面改变时，主页面不会刷新。
arjsyy 2012-03-31
- 打赏
- 举报
Ajax的，可以使用Jquery的都封装好了。可以去官网看下。api.jquery.com
EIT王子 2012-03-31
- 打赏
- 举报
var xmlhttp;
function createxmlhttp()
{
if( typeof( XMLHttpRequest ) != "undefined" )
{
xmlhttp = new XMLHttpRequest();
}
else
{
try
{
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
try
{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){}
}
}
}
function startrequest(url,arg,syn,cation)
{
if (syn == 1)
syn = false;
else
syn = true;
createxmlhttp();
xmlhttp.open("POST",url,syn);
xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");
xmlhttp.onreadystatechange=function ()
{
if(xmlhttp.readyState==4&&xmlhttp.status==200)
{
cation(xmlhttp.responseText);
}
};
xmlhttp.send(arg);
}
var timeID;
function setproc()
{
startrequest('/api/check.ashx','type=username&username='+username,1,function (response){
//这里写你对操作返回结果的处理response是返回的结果
});
return true;
}
function begintime() {
timeID = window.setInterval("setproc()", 5000);
return true;
}
function stoptime() {
clearInterval(timeID);
return true;
}
结合一下，你能看懂的，给分啊。
IssacChow 2012-03-31
- 打赏
- 举报
[Quote=引用 4 楼 的回复:]
用ASPX AJAX就可以实现了
HTML code
<div>
//你的上面部分内容
</div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:Timer ID="Timer1" runat="server" Interval="5000"……
[/Quote]不用测试我都知道你这里有问题,会整个页面刷新的
用ASPX AJAX就可以实现了
HTML code
<div>
//你的上面部分内容
</div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:Timer ID="Timer1" runat="server" Interval="5000"……
[/Quote]不用测试我都知道你这里有问题,会整个页面刷新的
EIT王子 2012-03-31
- 打赏
- 举报
<body onload="begintime()">
</body>
<script type="text/javascript">
var timeID;
function setproc()
{
//可以结合一般处理程序操作你的下半部分
return true;
}
function begintime() {
timeID = window.setInterval("setproc()", 5000);
return true;
}
function stoptime() {
clearInterval(timeID);
return true;
}
</script>
EIT王子 2012-03-31
- 打赏
- 举报
那就用Jquer AJAX 结合一般处理程序，。这样就是静态的咯
EIT王子 2012-03-31
- 打赏
- 举报
刚一写代码。。沙发就没有了。。哎。。失策啊。
IssacChow 2012-03-31
- 打赏
- 举报
实际上用updatepanel是可以做到局部刷新!只是页面仍然有无形的效果,比如说:你在输入的时候,刷新了一下,结果就是你输入被打断!当然页面没有出现刷新的效果!
EIT王子 2012-03-31
- 打赏
- 举报
用ASPX AJAX就可以实现了
这样就OK了。不懂的再问。如果要用jquery Ajax也是可以的。
这个最简单了。。哈哈。
<div>
//你的上面部分内容
</div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:Timer ID="Timer1" runat="server" Interval="5000" ontick="Timer1_Tick">
//Interval=5000是你要设置的操作间隔时间，ontick="Timer1_Tick"是你的操作的方法
</asp:Timer>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<div>
//你自己的前端显示内容，要刷新的部分
</div>
</ContentTemplate>
</asp:UpdatePanel>
//C#后台操作
protected void Timer1_Tick(object sender, EventArgs e)
{
//你看书要处理刷新操作
}
这样就OK了。不懂的再问。如果要用jquery Ajax也是可以的。
这个最简单了。。哈哈。
IssacChow 2012-03-31
- 打赏
- 举报
我是用的两个updatepanel,效果不怎么理想!我一个up上半部分,一个up下半部分,定时器没有up~~
ajax异步该怎么做呢?
ajax异步该怎么做呢?
Leo2048 2012-03-31
- 打赏
- 举报
用两个UpdatePanel呗，再弄一个定时器
haa17 2012-03-31
- 打赏
- 举报
ajax 异步刷新
