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

ASP.NET
用ASP/ASP.NET实现网络空间管理
ASP.NET程序中用Repeater实现分页
在ASP.NET中上传图片并生成缩略图的C#源码
Asp.net动态生成html页面
DataGrid同时具有分页和排序功能及注意点
建立自己的RSS
Asp.net中处理一个站点不同Web应用共享Session的问题
创建完全可编辑的 DataGrid
调试ASP.NET应用程序的方法和技巧
让你的.NET程序兼容不同版本的Dll文件
用ASP.NET实现简单的文字水印
ASP.NET中实现中文简/繁体自动转换的类
ASP.NET技巧:为Blog打造个性日历
ASP.NET中使用IFRAME建立类Modal窗口
WEB页面多语言支持解决方案
涉及网络编程时,需要用到的几个常用方法
2个页面间不通过Session与url的传值方式
ASPX中的用户控件与ASP中的INCLUDE方法对比
使用HttpWebRequest向网站模拟上传数据
在asp.net中操作sql server数据库的一些小技巧

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-11   浏览: 176 ::
收藏到网摘: 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