• 企业400电话
  • 网络优化推广
  • AI电话机器人
  • 呼叫中心
  • 全 部 栏 目

    网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    Ajax异步无刷新对局部数据更新
    POST TIME:2021-10-18 03:03

    复制代码 代码如下:

    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实现表格中信息不刷新页面进行更新数据
    上一篇:DropDownList根据下拉项的Text文本序号排序
    下一篇:c#设置xml内容不换行及属性xsi:nil=true的空节点添加
  • 相关文章
  • 

    关于我们 | 付款方式 | 荣誉资质 | 业务提交 | 代理合作


    © 2016-2020 巨人网络通讯

    时间:9:00-21:00 (节假日不休)

    地址:江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

    X

    截屏,微信识别二维码

    微信号:veteran88

    (点击微信号复制,添加好友)

     打开微信