复制代码 代码如下:
<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();
您可能感兴趣的文章:
- bootstrapTable+ajax加载数据 refresh更新数据
- Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
- Vue2.X 通过AJAX动态更新数据
- jquery+ajaxform+springboot控件实现数据更新功能
- 利用jQuery及AJAX技术定时更新GridView的某一列数据
- jquery ajax 局部无刷新更新数据的实现案例
- ajax页面无刷新 IE下遭遇Ajax缓存导致数据不更新的问题
- ajax异步刷新实现更新数据库
- ajax更新数据后,jquery、jq失效问题
- Ajax实现表格中信息不刷新页面进行更新数据
本文由 华域联盟 原创撰写:华域联盟 » Ajax异步无刷新对局部数据更新
转载请保留出处和原文链接:https://www.cnhackhy.com/47745.htm