我是一个正在学习Ajax的菜鸟,如果待会在描述的时候出现什么问题,希望大家给出建议,谢谢。

①、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;
}

两个不同的方法,可以实现同样的结果。我对Ajax的学习才刚刚开始,我还会更加的努力。。。

/*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>
posted on 2011-02-14 21:29  guolebin7  阅读(3302)  评论(1编辑  收藏  举报