当前位置: 首页 > 图文教程 > 网络编程 > ASP.NET > ASP.NET AJAX 1.0 RC开发10分钟图解

ASP.NET
AspNetPager与Socut.Data使用方法
asp.net UpdaeProgress的简单用法
asp.net ajaxControlToolkit ValidatorCalloutExtender的简单用法
asp.net 简易生成注册码(数字+大小写字母)
asp.net中利用ashx实现图片防盗链代码
ASP.NET程序中常用代码汇总
ASP.NET 2.0/3.5中直接操作Gridview控件插入新记录
ASP.NET Ajax级联DropDownList实现代码
ASP.NET 2.0写无限级下拉菜单
asp.net Web Services上传和下载文件(完整代码)
asp.net DataGrid控件中弹出详细信息窗口
Asp.NET 多层登陆实现代码
利用Asp.Net回调机制实现进度条
ASP.NET Ref和Out关键字区别分析
Javascript调用Webservice的多种方法
.Net下的签名与混淆图文分析
.Net Compact Framework开发小技巧 推荐
.Net连接Oracle数据库的实现代码
js获取.aspx页面里面的服务器控件和.ascx中的服务器控件值
asp.net下 jquery jason 高效传输数据

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-11   浏览: 41 ::
收藏到网摘: n/a

12月15日,ASP.NET AJAX 1.0 RC版发布,我下载安装试用了一下,没有写一行代码,实现了一个简单的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后多出来的模板

ajaxnet_01

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

ajaxnet_02

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

ajaxnet_03

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

ajaxnet_04

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

ajaxnet_05

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

ajaxnet_06

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

ajaxnet_07

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

ajaxnet_08

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

ajaxnet_09

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

ajaxnet_10

11.测试查询

ajaxnet_11

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

ajaxnet_12

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

ajaxnet_13

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

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