转:asp.net框架中异步调用后台方法进行提交或更新
在asp.net框架中如何调用AJAX,或者异步调用后台方法进行提交或更新。
近段时间,公司有个项目需要做成象新浪网的股票信息那样,实时进行刷新。经过摸索测试,下面把经验进行分享:
一、在页面的cs文件中,该类一定要实现: System.Web.UI.ICallbackEventHandler接口
即:继承System.Web.UI.Page类,并实现 System.Web.UI.ICallbackEventHandler接口
然后在Page_Load方法内(或DataBind())中进行注册:如下
//用于回调的
string callbackScript = string.Format("function CallServer(arg,context){{ {0}}}", callbackReference);
ClientScript.RegisterClientScriptBlock(this.GetType(), "CallServer", callbackScript, true);
解释:
string callbackReference = ClientScript.GetCallbackEventReference(this, "arg", "ReceiveCallback", "context", false);
该代码主要是注册一个回调事件,其中context为页面的div的ID值,主要是回调返回后需要重写页面的div的innerHtml(即控件)。
string callbackScript = string.Format("function CallServer(arg,context){{ {0}}}", callbackReference);
该代码主要是通过回调事件订制一个js方法,供页面调用(可能相当于委托)
二、重写ICallbackEventHandler接口的相应方法。
public void RaiseCallbackEvent(string eventArgument)
{
//自己写的数据绑定方法,取数据库的数据,重新绑定到Repeater控件
BindData();
}
public string GetCallbackResult()
{
//返回再次绑定后的Repeater的表现内容
return RenderControl(this.rptBidding);
}
private string RenderControl(Control control)
{
StringWriter writer1 = new StringWriter(CultureInfo.InvariantCulture);
HtmlTextWriter writer2 = new HtmlTextWriter(writer1);
control.RenderControl(writer2);
writer2.Flush();
writer2.Close();
return writer1.ToString() + "@" + newLogId;
}
#endregion
三、页面表现时,需要定义一个div,里面任何内容都可以。
<div id="context">
<asp:Repeater ID="rptBidding" runat="server">
<HeaderTemplate>
<div>页面表现内容</div>
</HeaderTemplate>
<ItemTemplate>
<div>页面表现内容</div>
</ItemTemplate>
<AlternatingItemTemplate>
<div>页面表现内容</div>
</AlternatingItemTemplate>
</asp:Repeater>
</div>
在js中增加如下js方法,以供后台调用。
function turnPage(pageIndex){
CallServer(pageIndex,'content');
}
//5秒刷新下,即取数据库的值。重新绑定数据
setInterval(turnPage(1), 5000);
function ReceiveCallback(arg,context){
var array = new Array();
array = arg.split('@');
//重新编译div的innerHTML
var container = document.getElementById('context');
container.innerHTML = array[0];
}
结束运行。