asp.net2.0中使用客户端回调实现无刷新应用!

最新推荐文章于 2024-09-19 20:58:21 发布

Awinye

最新推荐文章于 2024-09-19 20:58:21 发布

阅读量1k

点赞数

文章标签： asp.net string function 脚本 callback web服务

本文链接：https://blog.csdn.net/Awinye/article/details/525108

版权

在asp.net1.1中我们可以通过JS调用Web服务来实现无刷新应用,现在asp.net2.0可以用Client Callback的方法实现,这样变得更加方便和容易使用了.客户端回调功能的实现需要两步:
1.为控件或页面实现ICallbackEventHandler接口,该接口有一个方法public string RaiseCallbackEvent(string eventArgument),这个方法的原理是接收客户端发送过来的参数,然后返回一个结果字符串给客户端进行处理.例如:
public partial class ShowReview_ascx : ICallbackEventHandler
{
    public string RaiseCallbackEvent(string eventArgument)
    {
        int reviewId = int.Parse(eventArgument);
        Discussion discussion = AspNetCommerce.DiscussionManager.GetDiscussion(reviewId);
        StringBuilder sb = new StringBuilder();
        sb.AppendFormat("<table class='{0}>", "ShowReview_ascx_DisTable");
        foreach (DiscussionItem item in discussion)
        {
            //输出html
        }
        sb.Append("</table>");
        return sb.ToString();
    }
}
该方法接收客户端的传来的一个参数,转换为 reviewId,根据reviewId查询出相关数据以html形式返回给客户端.
2.实现两个客户端脚本,并使用Page.GetCallbackEventReference说明客户端如何处理返回结果.
例如:
Page.GetCallbackEventReference(this, "topicid", "HandleResultFromServer", "context", "HandleErrorResultFromServer")
this表示实现ICallbackEventHandler的控件的实例,
topicid表示客户端传入的字符串参数数
HandleResultFromServer表示处理成功调用后的结果的客户端脚本函数名
context表示回调的启动方法处与处理回调结果的方法之间的传递参数
HandleErrorResultFromServer表示处理失败调用后的结果的客户端脚本函数名
部分客户端脚本如:
    void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack || !this.EnableViewState)
        {
            StringBuilder sb = new StringBuilder();
            sb.Append("function loadtree(topicid){");
            sb.Append("var targetImg = document.all('img_'+topicid);");
            sb.Append("var targetDiv = document.all('tr_'+topicid);");
            sb.Append("if (targetDiv.style.display != 'block'){");
            sb.Append("targetDiv.style.display = /"block/";");
            sb.AppendFormat("targetImg.src = /"{0}/";", AspNetCommerce.CommerceContext.GetThemesImagePathForImgTag("ShowReview_ascx/Expand-Open.gif"));
            sb.Append("targetImg.alt = /"点击收回/";");
            sb.Append("var context = topicid;");
            sb.AppendFormat("{0}", Page.GetCallbackEventReference(this, "topicid", "HandleResultFromServer", "context", "HandleErrorResultFromServer"));
            sb.Append("}else{");
            sb.Append("targetDiv.style.display = /"none/";");
            sb.AppendFormat("targetImg.src = /"{0}/";", AspNetCommerce.CommerceContext.GetThemesImagePathForImgTag("ShowReview_ascx/Expand-Closed.gif"));
            sb.Append("targetImg.alt = /"点击查看讨论/";");
            sb.Append("}");
            sb.Append("}");
            sb.Append("function HandleResultFromServer(result,context)");
            sb.Append("{");
            sb.Append("var targetTd = document.all('td_'+context);");
            sb.Append("targetTd.innerHTML = result");
            //sb.Append("alert(result);");
            sb.Append("}");
            sb.Append("function HandleErrorResultFromServer(result,context)");
            sb.Append("{");
            sb.Append("var targetTd = document.all('td_'+context);");
            sb.AppendFormat("targetTd.innerHTML = '<font color=red>{0}</font>'",
                "数据读错误,请重新再试或通知管理员!");
            sb.Append("}");
            Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "ClientCallBack", sb.ToString(), true);
        }
    }