VS2008--Ajax入门

时间：2011-02-14 来源：guolebin7

①、VS2008与VS2005、VS2003不一样，VS2008把Ajax集成在ASP.net中，所以如果你想建立一个具有Ajax异步传输功能的网站，只需要先建立一个ASP.net的网站就可以了。

打开Default.aspx页面，切换到设计界面，在左边的工具箱中，我们看到vs2008已经把AJAX Extensions添加到了工具箱中了。

从工具箱中把ScriptManager拖到页面的顶部，因为每个asp.net ajax程序都需要ScriptManager控件参与，然后再把UpdatePanel拖到页面中，注意，要把UpdatePanel放在ScriptManager后面，否则运行会出错。在UpdatePanel中分别拖入一个TextBox，一个Button和一个Lable，效果如下：

双击按钮控件，进入代码编写区，在Button的click事件中写上
this.Label1.Text = "Hello : " + this.TextBox1.Text;
然后保存运行项目，在执行完弹出页面的TextBox中输入“world”，你会发现页面并没有重新刷新，下面Lable控件便显示出了运行的结果“Hello : world ”。这样，第一个最简单的ajax程序就完成了。

②、这种方法利用了现成的工具，开发速度比较快，但还有另外一种方法。

利用底层的js进行数据的传送：

（我做了一个拼接字符串的例子）

/*AjaxScript.js脚本*/
function StringJoin(Left,Right,Result)
{
    Result.value = Left.value + Right.value;
}

/*Default.aspx中的代码*/
<body>
    <form id="form1" runat="server">
    <div>
    
        <asp:ScriptManager ID="ScriptManager1" runat="server">
           <Scripts>
               <asp:ScriptReference Path ="~/JScript.js" ScriptMode = "Auto"/>
           </Scripts>
        </asp:ScriptManager>
    
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
           <input id = "Left" type = "text" /><br /><br />
           <input id = "Right" type = "text" /><br /><br />
           <input id = "Result" type = "text" /><br /><br />
           <input id = "btn1" type = "button" value = "拼接两个字符串"
           onclick = "StringJoin(Left,Right,Result)" />
        </ContentTemplate>
        </asp:UpdatePanel>
    </div>
    </form>
</body>