最近在做一个项目，有一个页面用到异步刷新，因为不想用updatepanel处理，就想到了.net自带的ICallbackEventHandler接口，在这里简单的对照msdn写了一个列子。

      既然要异步，那么肯定要手动在前台写部分js了，既然是交互，那么传值这一步是少不了的了，显然首先要有一个调取的页面元素值得方法   

 

 

 
  
  1. function LookUpStock() { 
  2.  
  3.     var lb = document.getElementById("ListBox1"); 
  4.  
  5.     var product = lb.options[lb.selectedIndex].text; 
  6.  
  7.     CallServer(product, ""); 
  8.  
  9. } 
 
  
那么既然是异步更新数据，那么修改后的值肯定是js进行操作的了，这里就添加了一个返回值的js方法
 
  
 
 
  
 
 
  
 
  
  1. function ReceiveServerData(rValue) { 
  2.  
  3.     document.getElementById("ResultsSpan").innerHTML = rValue; 
  4.  
  5. } 
 
  
前台页面的html内容如下：
 
  
 
 
  
 
 
  
 
  
  1. <html xmlns="http://www.w3.org/1999/xhtml" > 
  2.  
  3. <head id="Head1" runat="server"> 
  4.  
  5.   <title>Client Callback Example</title> 
  6.  
  7.   <script type="text/ecmascript"> 
  8.  
  9.       function LookUpStock() { 
  10.  
  11.           var lb = document.getElementById("ListBox1"); 
  12.  
  13.           var product = lb.options[lb.selectedIndex].text; 
  14.  
  15.           CallServer(product, ""); 
  16.  
  17.       } 
  18.  
  19.  
  20.  
  21.       function ReceiveServerData(rValue) { 
  22.  
  23.           document.getElementById("ResultsSpan").innerHTML = rValue; 
  24.  
  25.       } 
  26.  
  27.   </script> 
  28.  
  29. </head> 
  30.  
  31. <body> 
  32.  
  33.   <form id="form1" runat="server"> 
  34.  
  35.     <div> 
  36.  
  37.       <asp:ListBox ID="ListBox1" Runat="server"></asp:ListBox> 
  38.  
  39.       <br /> 
  40.  
  41.       <br /> 
  42.  
  43.       <button type="Button" onclick="LookUpStock()">Look Up Stock</button> 
  44.  
  45.       <br /> 
  46.  
  47.       <br /> 
  48.  
  49.       Items in stock: <span id="ResultsSpan" runat="server"></span> 
  50.  
  51.       <br /> 
  52.  
  53.     </div> 
  54.  
  55.   </form> 
  56.  
  57. </body> 
  58.  
  59. </html> 
 
  
在后台：
 
  
 
 
  
 
  
  1. public partial class Default2 : System.Web.UI.Page,System.Web.UI.ICallbackEventHandler 
  2. { 
  3.     protected System.Collections.Specialized.ListDictionary catalog; 
  4.     protected String returnValue;//用来得到返回值 
  5.     protected void Page_Load(object sender, EventArgs e) 
  6.     { 
  7.         String cbReference = 
  8.             Page.ClientScript.GetCallbackEventReference(this, 
  9.             "arg", "ReceiveServerData", "context");//添加页面回传触发操作 
  10.         String callbackScript; 
  11.         callbackScript = "function CallServer(arg, context)" + 
  12.             "{ " + cbReference + ";}"; 
  13.        Page.ClientScript.RegisterClientScriptBlock(this.GetType(), 
  14.             "CallServer", callbackScript, true); 
  15. //注册前台CallServer方法，方法内容就是  callbackScript  
  16.         catalog = new System.Collections.Specialized.ListDictionary(); 
  17.         catalog.Add("monitor", 12); 
  18.         catalog.Add("laptop", 10); 
  19.         catalog.Add("keyboard", 23); 
  20.         catalog.Add("mouse", 17); 
  21.  
  22.         ListBox1.DataSource = catalog; 
  23.         ListBox1.DataTextField = "key"; 
  24.         ListBox1.DataBind(); 
  25.  
  26.     } 
  27. //这里是继承自ICallbackEventHandler的方法，将页面的值传入处理 
  28.     public void RaiseCallbackEvent(String eventArgument) 
  29.     { 
  30.         if (catalog[eventArgument] == null) 
  31.         { 
  32.             returnValue = "-1"; 
  33.         } 
  34.         else 
  35.         { 
  36.             returnValue = catalog[eventArgument].ToString(); 
  37.         } 
  38.     } 
  39. //这里是继承自ICallbackEventHandler的方法 
  40. //将处理后的值返回，供页面使用 
  41.     public String GetCallbackResult() 
  42.     { 
  43.         return returnValue; 
  44.     } 
  45. }