手机
当前位置:查字典教程网 >编程开发 >asp.net教程 >ASP.NET AJAX 1.0 RC开发10分钟图解
ASP.NET AJAX 1.0 RC开发10分钟图解
摘要:开发环境:VS2005+ASP.NETAJAX1.0RC首先下载ASP.NETAJAX1.0RC安装文件,完成安装后即可进行我们的AJAX之...

开发环境: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分钟图解1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

10.输入SQL语句:

SELECT CustomerID, CompanyName, ContactName, Address, City FROM Customers

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

11.测试查询

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

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

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

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

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

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

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

【ASP.NET AJAX 1.0 RC开发10分钟图解】相关文章:

ASP.NET(C#)

ASP.NET页面之间传递参数的几种方法

ASP.NET缓存处理类实例

使用ASP.NET 2.0 CSS 控件适配器生成CSS友好的HTML输出

ASP.NET 2.0下的条件编译

ASP.NET AJAX时用alert弹出对话框

ASP.NET使用正则表达式屏蔽垃圾信息

.Net 2.0 原汁原味读取注册表

ASP.NET编程中的十大技巧

在ASP.NET2.0中通过Gmail发送邮件的代码

精品推荐
分类导航