asp.net2.0中使用Callback进行异步处理

最新推荐文章于 2023-01-22 20:52:49 发布

eidolon8

最新推荐文章于 2023-01-22 20:52:49 发布

阅读量832

点赞数

文章标签： callback asp.net textbox string 服务器 dataset

要使用Callback技术,首先必须实现ICallbackEventHandler接口中的两个方法:

RaiseCallbackEvent(string eventArgument)：负责接收客户端js所传入的参数。

GetCallbackResult()：将处理结果回传给客户端js。

还要借助Page.ClientScript.GetCallbackEventReference方法让服务器端获得客户端js的引用

Page.ClientScript.GetCallbackEventReference：获取一个对客户端函数的引用；调用该函数时，将启动一个对服务器端事件的客户端回调。

public string GetCallbackEventReference (
 string target,
 string argument,
 string clientCallback,
 string context,
 string clientErrorCallback,
 bool useAsync
)

control
处理客户端回调的服务器 Control。该控件必须实现 ICallbackEventHandler 接口并提供 RaiseCallbackEvent 方法。

argument
从客户端脚本传递给服务器端的一个参数

clientCallback
一个客户端事件处理程序的名称，该处理程序接收成功的服务器端事件的结果。

context
启动回调之前在客户端计算的客户端脚本。脚本的结果传回客户端事件处理程序。

clientErrorCallback
客户端事件处理程序的名称，该处理程序在服务器端事件处理程序出现错误时接收结果。

useAsync
true 表示同步执行回调；false 表示异步执行回调。

返回值
调用客户端回调的客户端函数的名称。

例子

客户端：

<body>
          <form id="form1" runat="server">
          <div>
              输入au_lname:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
              返回au_fname:<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><br />
              <asp:Button ID="Button1" runat="server" Text="确定" /><br />
            </div>
          </form>
</body>
</html>
<script language="javascript" type="text/javascript">

function Result(fname,context) // 接受服务器端处理函数的结果
{
document.getElementById(context.id).value = fname; //context就是服务器端注册的回调函数中的TextBox2.ClientID
}

</script>

服务器端:

using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;
public partial class _Default : System.Web.UI.Page , ICallbackEventHandler
{
          string au_fname = string.Empty;

          protected void Page_Load(object sender, EventArgs e)
          {
              if (!IsPostBack)
              {
                  this.Button1.Attributes.Add("onclick", Page.ClientScript.GetCallbackEventReference(this, "document.getElementById('TextBox1').value", "Result",TextBox2.ClientID) + ";return false;");
              }
          }

#region ICallbackEventHandler 成员

          public string GetCallbackResult()         //返回结果给前端js
          {
              return this.au_fname;
          }

          public void RaiseCallbackEvent(string eventArgument)          //接受前端js传递的参数进行处理
          {
              string sql = "select au_fname from authors where au_lname = '" + eventArgument + "'";

SqlDataAdapter da = new SqlDataAdapter(sql, Conn());

DataSet ds = new DataSet();

da.Fill(ds);

au_fname = ds.Tables[0].Rows[0]["au_fname"].ToString();
}

#endregion

          public string Conn() //数据库连接字符串
          {
              return "server=localhost;database=pubs;user=sa;pwd=sa";
          }

}

重要说明：GetCallbackEventReference方法的第四个参数“Context”非常重要，从服务器端注册的回调函数可以看出，传递的Context参数是TextBox2的客户端id，而客户端Result函数中的参数Context就是TextBox2的客户端 id，我们可以对Context参数任意赋值，Context参数总会会被传递给本地端处理回调返回结果的函数中，这样我们就可以十分灵活的操作返回结果了