您现在的位置是：网站首页> 编程资料编程资料

.NET2.0环境下的Ajax选型和应用（提供Demo源码下载）_AJAX相关_

2023-05-25 419人已围观

简介 .NET2.0环境下的Ajax选型和应用（提供Demo源码下载）_AJAX相关_

主题：.NET2.0环境下的Ajax选型和应用

研究需要解决的问题：

1 Ajax 应用框架的选型及其性能对比

2 如何应用 Ajax

3 应用 Ajax 过程中应该着重注意的问题

研究者： Jimmy.Ke

时间： 2006-11-13

一 Demo说明

Ajax Demo Web Site 是一个完整的 .NET Website ，其中包含 5 个 ASPX 页面及其对应的 CS 文件。

为了方便对比， Demo 中使用了三种 Ajax 应用方式：

一是使用微软提供的 Atlas 应用框架，二是使用 Ajax.NET Professional 开源框架，三是使用针对 Ajax 的单纯的 Javascript 包 Prototype 。三者对应的关联文件如下表所示：

应用方式	文件名称	描述
	Default.aspx	首页导航，列出四个 Demo 页面的链接
Atlas	AtlasDemo.aspx	使用 Atlas 实现 Product 的 CRUD 功能，通过 UpdatePanel 完成无刷新操作。

AjaxPro	AjaxProDemo.aspx	使用 Ajax.NET Pro 实现 Product 的 CRUD 功能，编辑、删除操作返回 true/false 的结果，通过 .NET DataGrid 控件实现页面数据列表的呈现（ HTML ）。

	AjaxProDemoSecond.aspx	使用 Ajax.NET Pro 实现 Product 的 CRUD 功能，编辑、删除操作返回所有的 Product 列表，通过 .NET DataGrid 控件实现页面数据列表的呈现（ HTML ）。

Prototype	PrototypeDemo.aspx	使用 Prototype 实现 Product 的 CRUD 功能，编辑、删除操作返回所有的 Product 列表， Client 和 Server 的数据以 JSON 格式传输。


	Product.cs	Product 实体类

二研究结论

1 Ajax 应用框架选型

Ajax 应用的核心是通过 XMLHttpRequest 对象向 Server 提交 Client 的请求，同步或者异步的获取 Server 返回的 Response 信息，而 Client 和 Server 之前数据传递的方式可以采用 Text 、 XML 或者 JSON 格式。

Demo 中使用到的 Prototype 、 Ajax.NET Pro 、 Atlas Beta2 代表了目前 Ajax 应用的三种主要方式：

Prototype 是目前应用比较广泛的最底层的远程调用工具包，其通常使用自己的 API 封装 XMLHttpRequest 对象，使得调用 XMLHttpRequest 更加简单直观。在 XMLHttpRequest 之前，我们通常使用内嵌的 IFRAME 来实现无刷新页面发送 http 请求的效果。因此，这些远程调用包必须支持那些不支持 XMLHttpRequest 的浏览器，以提高浏览器兼容性。类似的工具还比如 DOJO 。这类工具在应用过程中需要设定自己的 URL 和参数，并且编写相应的 callback 函数来处理 Server 返回的 Response 结果。

在 PrototypeDemo.aspx 中，我们通过 Ajax.Request 向服务器提交请求，在 callback 函数中实现对 Server 的 Response 结果的处理和显示。当然，每个请求的 URL 参数是不同的。

Ajax.NET Pro 则是一种基于基于代理实现的 Ajax 框架，其允许 Client 的 Javascript 直接与 Server 的类实现一一映射，使 Client 的 Javascript 可以通过他们直接访问 Server 的类对象及其 API ，其访问方式类似 RPC ，直接调用相应的 API 完成业务操作，仍然需要编写相应的 callback 函数处理 Server 返回的 Response 结果。

在 AjaxProDemo.aspx.cs 中，我们通过在方法头部添加 [AjaxPro.AjaxMethod] 标注，在 Page_Load 中将类以 AjaxPro.Utility.RegisterTypeForAjax(typeof(AjaxProDemo)) 的形式予以注册，这样就可以在 Client 直接调用。

Atlas 则是基于组件的应用方式，其允许使用拖拉的方式在 IDE 的设计视图中快速创建包含 Ajax 功能的组件，并且能够最大程度的利用 .NET 本身提供的 DataGrid 、 Button 等 UI 控件。这些组件提供了快速开发 Ajax 应用的另一捷径，开发过程不需要编写 callback 函数。

就目前而言， Atlas 能够利用最多的是 UpdatePanel 控件，通过其实现页面的无刷新或者部分刷新。

2 Ajax 框架性能及开发效率对比

A 、数据流量

Demo 中的四个 Sample 都实现了针对 Product 的简单 CRUD 功能。这里我们使用 Fiddler HTTP Debugger 来测试整个操作过程中 Client 和 Server 交互的数据量。

加载 Product List ：

请求 URL	数据流量	说明
Prototype
PrototypeServerResponse.aspx ?action=listProduct	Request Count: 1 Bytes Sent: 380 Bytes Received: 2,150	获取 Product 列表，以 JSON 的格式返回，客户端使用 Javascript 脚本处理呈现。
Ajax.NET Pro （ Second ）
ajaxpro/AjaxProDemoSecond, App_Web_qgwv3twq.ashx	Request Count: 1 Bytes Sent: 493 Bytes Received: 1,392	获取 Product 列表，以 HTML 的格式返回，客户端直接呈现。
Atlas
AtlasDemo.aspx	Request Count: 1 Bytes Sent: 827 Bytes Received: 6,391	获取 Product 列表， Server 完成 DataGrid 数据源绑定呈现。

删除 Product ：

请求	数据流量	说明
Prototype
PrototypeServerResponse.aspx ?action=deleteProduct&productId=1	Request Count: 1 Bytes Sent: 446 Bytes Received: 1,891	传送 ProductId ，完成删除操作，并获取 Product 列表到 Client 端呈现。
Ajax.NET Pro （ Second ）
ajaxpro/AjaxProDemoSecond, App_Web_qgwv3twq.ashx	Request Count: 1 Bytes Sent: 504 Bytes Received: 1,300	调用远程 RPC 接口，完成删除操作，并获取 Product 列表的 HTML 在 Client 端呈现。
Atlas
AtlasDemo.aspx	Request Count: 1 Bytes Sent: 2,287 Bytes Received: 5,913	触发 Server 端的 Action 事件，完成删除操作，需要 Postback 整个页面。

获取 Product Info ：

请求	数据流量	说明
Prototype
PrototypeServerResponse.aspx ?action=getProduct&productId=8	Request Count: 1 Bytes Sent: 443 Bytes Received: 403	传送 ProductId ，获取 JSON 格式的 Product 信息， Client 端完成解析并呈现。
Ajax.NET Pro （ Second ）
ajaxpro/AjaxProDemoSecond, App_Web_qgwv3twq.ashx	Request Count: 1 Bytes Sent: 506 Bytes Received: 284	调用 RPC 接口，获取 Text 格式的 Product 信息， Client 端完成解析并呈现。
Altas
AtlasDemo.aspx	Request Count: 1 Bytes Sent: 2,185 Bytes Received: 6,275	触发 Server 端的 Action 事件，获取 Product 信息，需要 Postback 整个页面。

编辑 Product ：

请求	数据流量	说明
Prototype
PrototypeServerResponse.aspx ?action=updateProduct&productId=8 &productName=Sony&manufacturer=China	Request Count: 1 Bytes Sent: 482 Bytes Received: 1,877	传送 ProductId 等参数，完成保存操作，并获取 Product 列表。
Ajax.NET Pro （ Second ）
ajaxpro/AjaxProDemoSecond, App_Web_qgwv3twq.ashx	Request Count: 提示：本文由神整理自网络，如有侵权请联系本站删除！本站声明： 1、本站所有资源均来源于互联网，不保证100%完整、不提供任何技术支持； 2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途；否则由此产生的法律后果，本站概不负责！上一篇：Ajax案例集下载：新增分页查询案例（包括《Ajax开发精要》中的两个综合案例）下载_AJAX相关_ 下一篇：AJAX防止页面缓存的代码_AJAX相关_ 相关内容 Ajax案例集下载：新增分页查询案例（包括《Ajax开发精要》中的两个综合案例）下载_AJAX相关_ AJAX和JSP实现的基于WEB的文件上传的进度控制代码第1/2页_AJAX相关_ DWR util.js 学习笔记整理_AJAX相关_ 强烈推荐 - Ajax 技术资源中心_AJAX相关_ ajax视频课件在线观看地址_AJAX相关_ Ajax in action 英文版配书源码下载_AJAX相关_ Ajax实现无刷新三联动下拉框_AJAX相关_ pjblog发表评论用的ajaxJS.js_AJAX相关_ AJAX中同时发送多个请求XMLHttpRequest对象处理方法_AJAX相关_ 发现个AJAX图片浏览器SIMPLEVIEWER_AJAX相关_ 点击排行唯唯绸否猜打一最佳正确生肖[最佳成语最佳释义解释答] TYSB手游公测版下载-TYSB官方唯一正版手游下载 _安卓网洗牌猫下载-洗牌猫(卡牌对战)Shuffle Cats v0.14.8_安卓网士绅名流代表什么生肖，成语释义解释落实士绅名流代表是指什么生肖数字，成语释义解释落实丛林动物宝宝发型沙龙游戏-丛林动物宝宝发型沙龙(休闲装扮)Baby Jungle Animal Hair Salon v1.0.10_安卓网士绅名流是指代表什么生肖、释义成语解释落实 project h试玩版-project h手游试玩版预约 v1.0_安卓网本栏推荐 pandas获取对应的行或者列方式_python_ pandas如何获取某个数据的行号_python_ python进程池Pool中apply方法与apply_async方法的区别_python_ python array中关于[a，b，c]的使用方式_python_ Python进程multiprocessing.Process()的使用解读_python_ selenium常用API的使用过程记录（包括自动登录）_python_ Python使用multiprocessing如何实现多进程_python_ 猜你喜欢 pandas获取对应的行或者列方式_python_ pandas如何获取某个数据的行号_python_ python进程池Pool中apply方法与apply_async方法的区别_python_ python array中关于[a，b，c]的使用方式_python_ Python进程multiprocessing.Process()的使用解读_python_ selenium常用API的使用过程记录（包括自动登录）_python_ Python使用multiprocessing如何实现多进程_python_ 我的微信关于我们神代码(http://7zz.net )是IT资源下载与IT技能学习平台。js代码网收集整理了最新IT开发视频教程、网站模板、网站源码、js特效(插件)等，充分满足IT用户对不同类型资源的下载需求。代码网拒绝滥竽充数，我们只提供精品资源！站长QQ:512953070 本站会员：598 © 技术支持：神代码（http://7zz.net） blog.sixgod.net blog.haifeisi.net blog.flerken.cn blog.bieha.cn blog.miuti.cn blog.dk028.com blog.scflcp.cn blog.bzbl.cn blog.mlft.cn blog.7zz.net blog.liuyifei.net blog.58t.net blog.yamiao.net blog.caclrc.cn blog.rgbbs.cn blog.heiapp.net blog.zhfjx.cn blog.sshfy.cn blog.sxdgc.cn blog.28city.cn blog.etcb.cn blog.abdayah.cn blog.ddbdzs.cn blog.hyflex.cn blog.11855.cn blog.11566.cn blog.11355.cn blog.62622.cn blog.cbwq.cn blog.zrqm.cn blog.rlfm.cn blog.pbtb.cn blog.knlz.cn blog.rhwf.cn blog.dxfp.cn blog.rptb.cn blog.nzjg.cn blog.ygnl.cn blog.rxbg.cn blog.rfbc.cn blog.rwbs.cn blog.music.liuyifei.net blog.img.liuyifei.net blog.drnu.cn blog.wyim.cn blog.dvtg.cn blog.fvhc.cn blog.lble.cn blog.mvhu.cn blog.uesese.cn blog.ikuns.cc blog.02613.cn blog.lymzi.cn blog.ktoa.cn blog.73216.cn blog.crtwd.cn blog.szmdx.cn blog.kylkc.cn blog.dztmd.cn blog.pmhlw.cn blog.gfxtk.cn blog.tzpc.cn blog.jbqm.cn blog.sh3.cn blog.7sh.cn blog.95596.net blog.95540.net blog.12383.net blog.12363.net blog.boboji.net blog.r515.cn blog.g2050.cn blog.bbc888.com blog.ha123.net.cn blog.dindongji.com blog.dindongji.cn blog.dindongji.net blog.touyin.net blog.ludan.net blog.xshell.net blog.zdbcwf.com

您现在的位置是：网站首页> 编程资料编程资料

.NET2.0环境下的Ajax选型和应用（提供Demo源码下载）_AJAX相关_

主题：.NET2.0环境下的Ajax选型和应用

一 Demo说明

二 研究结论

1 Ajax 应用框架选型

2 Ajax 框架性能及开发效率对比

相关内容

点击排行

本栏推荐

猜你喜欢

二研究结论