ASP.NET回调实现AJAX

前台代码如下:

 

<script type="text/javascript">
//向服务器传递参数
function DoSearch()
{
    var firstName = document.getElementById("TextBox1").value;
    CallServer(firstName, "");
}

//得到服务器的数据
function ReceiveServerData(txtUserInfo)
{
    Results.innerHTML = txtUserInfo;
}
//设置每1秒执行一次
// setInterval("DoSearch()", 1000);
</script>

 
<div>
姓名:<asp:TextBox regname="123" οnblur="DoSearch()" ID="TextBox1" runat="server"></asp:TextBox>
<span id="Results" style="background-color: Pink; width: 500px;"></span>
</div>
<asp:Button ID="Button1" runat="server" Text="Button" />

 

 

 

 

 

后台代码如下:

using System; using System.Collections;
using System.Configuration;
using System.Data;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Data.SqlClient;

public partial class _Default : System.Web.UI.Page, ICallbackEventHandler
{
    protected string txtUserInfo; 
    protected string txta; 
    protected string txtb; 

    protected void Page_Load(object sender, EventArgs e) 
    { 
        //获取一个对客户端函数的引用 
        string cbReference = Page.ClientScript.GetCallbackEventReference(this, "arg", "ReceiveServerData", "context");
        //动态注册回调函数 
        string callbackScript = "function CallServer(arg,context)" + "{" + cbReference + "};";
        //引发callbackScript 
        Page.ClientScript.RegisterStartupScript(this.GetType(), "CallServer", callbackScript, true);
    } 

    //引发Callback事件处理 
    public void RaiseCallbackEvent(string txtFirstName) 
    { 
        if (txtFirstName != null) 
        { 
            if (txtFirstName == "1") 
            { 
                txtUserInfo = "你输入1,"; 
            } 
            else 
            { 
                txtUserInfo = "你没有输入1,"; 
            } 
        } 
    } 

    //得到回调的结果,返回给客户端 
    public string GetCallbackResult() 
    { 
        return txtUserInfo; 
    }
}