ASP.NET AJAX 1.0 RC开发10分钟图解-技术开发AspNet技术-Ubuntu系统_Ubuntu服务器

开发环境：VS2005+ASP.NET AJAX 1.0 RC

首先下载ASP.NET AJAX 1.0 RC安装文件，完成安装后即可进行我们的AJAX之旅了。

1.打开VS2005，点击“新建”－“文件”－“网站”，选择“ASP.NET-AJAX Enabled Web Site”模板，这个模板是我们安装ASP.NET AJAX 1.0 RC后多出来的模板

ajax<a NET_01 src="/d/file/itjie/ASP NETjishu/2014-10-23/097d4fe50aa64fb2ae33f388de68f258.jpg" width=500>

2.可以看到左侧工具箱多了一个AJAX Extensions，下面包括Timer,ScriptManager,ScriptManagerProxy,UpdateProgress,UpdatePanel等几个控件，右侧的代码视图，可以看到form标签中增加了一个ScriptManager控件的标签

ajax<a NET_02 src="/d/file/itjie/ASP NETjishu/2014-10-23/8a1809d37c832cbb11d748565e154f8a.jpg" width=500>

3.从左侧拖动一个UpdatePanel控件放在ScriptManager控件下面

ajax<a NET_03 src="/d/file/itjie/ASP NETjishu/2014-10-23/b75f7904eb4710e4715d5eae0526ad8a.png" width=494>

4.然后从工具箱中拖动一个GridView控件放在UpdatePanel控件中

ajax<a NET_04 src="/d/file/itjie/ASP NETjishu/2014-10-23/32f05a6ff219a7cc2ebdf28bb046f551.jpg" width=500>

5.在GirdView控件的任务菜单中，执行“选择数据源”操作

ajax<a NET_05 src="/d/file/itjie/ASP NETjishu/2014-10-23/5d36c11cd698fa32d8c7abdb1c434d05.jpg" width=500>

6.选择从“数据库”获取数据，在这里我们选择SQL Server

ajax<a NET_06 src="/d/file/itjie/ASP NETjishu/2014-10-23/7437f4c00a56532f9d1a7a0339e71ad4.jpg" width=500>

7.输入数据库信息，选择“Northwind”数据库

ajax<a NET_07 src="/d/file/itjie/ASP NETjishu/2014-10-23/cebb3d7a0025a20c2357979f78a462b4.png" width=377>

8.把连接保存到程序配置文件中

ajax<a NET_08 src="/d/file/itjie/ASP NETjishu/2014-10-23/d16032c7f8285c0b3bedc317f2f0fe1e.jpg" width=500>

9.选择“自定义SQL语句或存储程序”来检索数据

ajax<a NET_09 src="/d/file/itjie/ASP NETjishu/2014-10-23/bf1f319a693d87dc1ef8be07beb026c3.jpg" width=500>

10.输入SQL语句：
SELECT CustomerID, CompanyName, ContactName, Address, City FROM Customers

ajax<a NET_10 src="/d/file/itjie/ASP NETjishu/2014-10-23/2f1f49c867f1bf66702ee892ba8eeb7d.jpg" width=500>

11.测试查询

ajax<a NET_11 src="/d/file/itjie/ASP NETjishu/2014-10-23/c8197b8b2a11cb32d622560897f04fa3.jpg" width=500>

12.选中“启用分页”与“启用排序”，以检验AJAX效果

ajax<a NET_12 src="/d/file/itjie/ASP NETjishu/2014-10-23/e0ed538da7c80fb9827c9b66bd2c6266.jpg" width=500>

13.万事俱备，保存，然后按ctrl+F5查看我们的劳动成果，点击页码，可以实现无刷新读取数据，点击标题号，可进行排序，也是无刷新的。

ajax<a NET_13 src="/d/file/itjie/ASP NETjishu/2014-10-23/4e814ecf88b70aaa322e58e459bd3072.jpg" width=500>

通过上面的简单例子，我们可以感受到用ASP.NET AJAX 1.0 RC版进行开发，可以很方便快捷的实现AJAX效果；同时RC版已经接近最终发行版，已经比较成熟，少了微软对产品进行调整带来的风险，有兴趣的朋友可以做进一步的尝试。

参见ajax.ASP.NET的文字版：Sample ASP.NET AJAX Application

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。