AJAX的初级使用说明

传说中的AJAX是不是很神秘，今天我就这个技术的应用做一个简单的说明，请看下文：

 

首先，下载并安装  

 

 

 

        下载地址：

 http://www.microsoft.com/downloads/thankyou.aspx?familyId=ca9d90fa-e8c9-42e3-aa19-08e2c027f5d6&displayLang=en

 

安装ajax后的工具箱如图：

 

 

 

声明一下，我用的是VS2008

好了，下一步，我们做一个小小的测试使用:

界面效果图：比较丑，不过，能看就行了，如图：

 

 

此时必须注意，添加的2个都是服务器端空间，并且都放在了UPDATEPANEL     中，否则，就达不到我们的目的了。

 

还是贴出代码吧：

 <form id="form1" runat="server">  
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:Button ID="Button1" runat="server" Text="Button"
                onclick="Button1_Click1" />
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        </ContentTemplate>
    </asp:UpdatePanel>   
    </form>

 

button 按钮的click事件代码：

protected void Button1_Click1(object sender, EventArgs e)
    {
        this.TextBox1.Text = this.Button1.Text;
    }

 

好了，ctrl + F5 试一下吧，检查页面状态变化了没有？有没有后退按钮？若没有，则我们成功的使用了AJAX

怎么样？爽吧！？

 

传说中的AJAX就是这么回事，没什么的，适当的时候适当的用用才是最好的