百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>JS教程> ajax局部刷新页面指定div内容实现代码
分享文章到:

ajax局部刷新页面指定div内容实现代码

发布时间:01/15 来源: 浏览: 关键词:
这里我们介绍的是定时给指定的div赋值内容,定时我们可以使用到setInterval或者setTimeOut函数来执行ajax函数,这样就可以过几秒刷新一次了,下面我们看实例。

 代码如下

<script type="text/javascript">
var xmlhttp;
function startrefresh(){
xmlhttp=new XMLHttpRequest();
xmlhttp.open("POST,"ss.php",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
//xmlhttp.send("name=wk"); --需要传输参数时增加
xmlhttp.onreadystatechange = function(){
if(xmlhttp.readyState == 4)
if(xmlhttp.status == 200)
document.getElementById("mydvi").innerHTML=xmlhttp.responseText;
}
}
</script>

ss.php代码

 代码如下

<?
echo '这里是ajax返回的数据哦,大家根据自己需求操作';

如果让这个div自动刷新的话,可以用setInterval('startrefresh()',5000),这个函数的作用是每隔5秒自动执行一次startrefresh方法,还有一种方法是setTimeout('startrefresh()',5000),但是这个方法只会执行一次。

上面会自动不停刷新的,下面我们来介绍利用ajax保存数据

代码如下:

 代码如下

<asp:ScriptManager ID="smScriptManager" runat="server">
</asp:ScriptManager>


<asp:UpdatePanel ID="upLinkmanList" UpdateMode="Conditional" runat="server">
<ContentTemplate>
//要更新的数据部分,如一个Repeater,包括分页控件;
</ContentTemplate>
</asp:UpdatePanel>


//后台需要把页面注册为Ajax

AjaxPro.Utility.RegisterTypeForAjax(typeof(所要注册的页面Inherits的最后一个单词,如:页面为:CustomerList.aspx,则这里就是CustomerList));

//注册异步控件,lnkbtnRefreshLinkman十个Linkbutton,用于调用后台的数据更新方法;
this.smScriptManager.RegisterAsyncPostBackControl(lnkbtnRefreshLinkman);

//注册分页控件 this.smScriptManager.RegisterAsyncPostBackControl(this.Pager);

 

/// <summary>
/// 刷新联系人列表
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
public void RefreshLinkmanList(object sender, EventArgs e)
{
       //更新Ajax控件所包含在内的数据,Ajax控件的UpdateMode必须指定为Conditional  
       upLinkmanList.Update();
}


//前台脚本方法里调用Linkbutton的onclick事件,记得先导入Jquery脚本文件的引用哦

$("#<%=lnkbtnRefreshLinkman.ClientID %>").click();

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有7人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板