开发环境: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后多出来的模板
2.可以看到左侧工具箱多了一个AJAX Extensions,下面包括Timer,ScriptManager,ScriptManagerProxy,UpdateProgress,UpdatePanel等几个控件,右侧的代码视图,可以看到form标签中增加了一个ScriptManager控件的标签
3.从左侧拖动一个UpdatePanel控件放在ScriptManager控件下面
4.然后从工具箱中拖动一个GridView控件放在UpdatePanel控件中
5.在GirdView控件的任务菜单中,执行“选择数据源”操作
6.选择从“数据库”获取数据,在这里我们选择SQL Server
7.输入数据库信息,选择“Northwind”数据库
8.把连接保存到程序配置文件中
9.选择“自定义SQL语句或存储程序”来检索数据
10.输入SQL语句:
SELECT CustomerID, CompanyName, ContactName, Address, City FROM Customers
11.测试查询
12.选中“启用分页”与“启用排序”,以检验AJAX效果
13.万事俱备,保存,然后按ctrl+F5查看我们的劳动成果,点击页码,可以实现无刷新读取数据,点击标题号,可进行排序,也是无刷新的。
通过上面的简单例子,我们可以感受到用ASP.NET AJAX 1.0 RC版进行开发,可以很方便快捷的实现AJAX效果;同时RC版已经接近最终发行版,已经比较成熟,少了微软对产品进行调整带来的风险,有兴趣的朋友可以做进一步的尝试。
参见ajax.asp.net的文字版:Sample ASP.NET AJAX Application
新闻热点
疑难解答
图片精选