AJax技术

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

字号+ 作者:H5之家 来源:H5之家 2017-03-05 17:00 我要评论( )

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

复制代码 代码如下:


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


复制代码 代码如下:


<asp:UpdatePanel 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></param>
/// <param></param>
public void RefreshLinkmanList(object sender, EventArgs e)
{
       //更新Ajax控件所包含在内的数据,Ajax控件的UpdateMode必须指定为Conditional  
       upLinkmanList.Update();
}


复制代码 代码如下:


//前台脚本方法里调用Linkbutton的onclick事件,记得先导入Jquery脚本文件的引用哦
$("#<%=lnkbtnRefreshLinkman.ClientID %>").click();

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jQuery程序设计基础教程第10章jQuery与Ajax.ppt 全文免费在线阅

    jQuery程序设计基础教程第10章jQuery与Ajax.ppt 全文免费在线阅

    2017-03-06 11:06

  • php中文网课程

    php中文网课程

    2017-03-06 11:06

  • 【ajax ajax开发技巧】

    【ajax ajax开发技巧】

    2017-03-05 10:00

  • 在页面中使用Ajax.ActionLink 的一些用法

    在页面中使用Ajax.ActionLink 的一些用法

    2017-03-04 13:04

网友点评