主页 > 知识库 > Ajax异步无刷新对局部数据更新

Ajax异步无刷新对局部数据更新

热门标签:Linux服务器 银行业务 团购网站 服务器配置 Mysql连接数设置 电子围栏 阿里云 科大讯飞语音识别系统

复制代码 代码如下:

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异步无刷新对局部数据更新》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266