欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

ASP.NET AJAX 1.0 RC开发10分钟图解

程序员文章站 2024-01-25 17:09:22
开发环境:VS2005+ASP.NET AJAX 1.0 RC 首先下载ASP.NET AJAX 1.0 RC安装文件,完成安装后即可进行我们的AJAX之旅了。 1.打...

开发环境: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后多出来的模板

ASP.NET AJAX 1.0 RC开发10分钟图解

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

ASP.NET AJAX 1.0 RC开发10分钟图解

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

ASP.NET AJAX 1.0 RC开发10分钟图解

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

ASP.NET AJAX 1.0 RC开发10分钟图解

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

ASP.NET AJAX 1.0 RC开发10分钟图解

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

ASP.NET AJAX 1.0 RC开发10分钟图解

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

ASP.NET AJAX 1.0 RC开发10分钟图解

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

ASP.NET AJAX 1.0 RC开发10分钟图解

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

ASP.NET AJAX 1.0 RC开发10分钟图解

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

ASP.NET AJAX 1.0 RC开发10分钟图解

11.测试查询

ASP.NET AJAX 1.0 RC开发10分钟图解

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

ASP.NET AJAX 1.0 RC开发10分钟图解

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

ASP.NET AJAX 1.0 RC开发10分钟图解

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

参见ajax.asp.net的文字版:Sample ASP.NET AJAX Application