ASP.NET实现Ajax效果：动态刷新显示输入文字
点击次数：71 次 发布日期：2008-11-06 08:03:27 作者：源代码网
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!--<%@ Implements Interface="System.Web.UI.ICallbackEventHandler" %>--> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>无标题页</title> <script type="text/javascript"> <!--定义客户端发送回调函数--> function CallServer() { var txt = document.forms[0].txtValue.value; <!--CallServer(product, "");--> <%= ClientScript.GetCallbackEventReference(this, "txt", "ReceiveServerData",null)%>; } <!--定义客户端接受回调结果函数--> function ReceiveServerData(rValue) { Result.innerText = rValue; } </script> </head> <body> <form id="form1" runat="server"> <div> <table width =100% > <tr> 软件开发网 www.mscto.com <td width=50><input type=text ID=txtValue onkeydown="CallServer()"/></td> <td><button ID=btnOK OnClick="CallServer()">刷新</button></td> </tr> <tr> <td colspan=2 bgcolor=aqua><span ID = "Result"></span></td> </tr> </table> </div> </form> </body> </html> 后台代码： using System; using System.Data; using System.Configuration; 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; //继承ICallbackEventHandler接口 public partial class _Default : System.Web.UI.Page,System.Web.UI.ICallbackEventHandler { //定义返回字符串变量 private string CallBackValue = string.Empty; protected void Page_Load(object sender, EventArgs e) { } //将检索到的数据返回该控件 string ICallbackEventHandler.GetCallbackResult() { return CallBackValue + ",ok！"; } //创建服务器代码回调方法 //在服务器代码中，必须创建实现 RaiseCallbackEvent 接口的方法。 //该方法使用一个字符串参数，而不是事件处理程序常用的那两个常见参数。 //该方法也返回一个字符串，不过不是在本函数中，而是在GetCallbackResult()函数中返回。 void ICallbackEventHandler.RaiseCallbackEvent(string eventArgument) { this.CallBackValue = eventArgument; } } 源代码网推荐 源代码网供稿. |
