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系列(二) 局部页面呈现
