MrXie 之Asp.net Ajax 系列(一) ----------用了再说

MrXie 之 Asp.Net Ajax 系列

随着Ajax的应用越来越流行，微软也推出了asp.net ajax 1.0 beta2.   我将在下面的文章里谈到asp.net中微软ajax组件的应用。（适合有asp.net使用经验的读者）

   MrXie 之Asp.net Ajax   系列(一) ----------用了再说

确认安装vs2005 。下载 Asp.net Ajax 的相关组件(http://ajax.asp.net) Asp.Net Ajax 1.0 beta2 ，进行默认安装。 然后我们就开始动工

Step 1  打开vs2005 –〉新建—〉网站，选择“ASP.NET AJAX-Enabled Web Site”(下载组件会安装该模版),并起名AjaxTest.

Step2 ：你会发现default.aspx页面上有个叫做“ScriptManager1”的组件，暂时不要理它。分别拖拽三个控件Label1, Button1,TextBox1.

Step3 : 然后我做一个简单的Button1的click事件响应。当点击Button1的时候，Label1将显示TextBox1当中的值。

Step 4: Ctrl+F5 运行， 在TextBox1中输入字符串以后，点击Button1，你会发现页面刷新后，Label1上会有TextBox1的值。

Step 5: 下面将是令人激动的Ajax时间。 停止程序运行，回到default.aspx的设计视图，将工具箱中Ajax Extensions栏中的UpdatePanel拖拽到页面上。

Step6 :将Label1和Button1都拖拽到UpdatePanel1控件中

再次Ctrl+F5运行， 还是执行刚才的操作，这次，你将发现 当点击Button1，将不会刷新整个页面，而结果是一样，只是进行了局部刷新。

到了这个地方，你将知道Ajax是一种使得局部页面刷新的技术，它将大大优于整个页面重新加载的效果。而其原理正如其英文名称Asynchronous JavaScript + XML， 这是一种利用javascript +xml利用 xmlhttp组件技术 进行异步调用的技术。

在后面的文章里，我将一步一步解析其原理和使用。

下一篇: MrXie 之Asp.Net Ajax系列(二) 页面局部展示的概念及应用。