`
mywebcode
  • 浏览: 1037863 次
文章分类
社区版块
存档分类
最新评论

细数Ajax技术的先进性与局限性

 
阅读更多

对Ajax自学了一段时间,在运用的时候还是觉得有点迷糊,果然在用之前得先把Ajax的好与坏先确认下来,于是查了些资料来理清思路。

先进性:
1.表单驱动的交互

传统的表单提交,在文本框输入内容后,点击按钮,后台处理完毕后,页面刷新,再回头检查是否刷新结果正确。使用Ajax,在点击sunmit按钮后,立刻进行异步处理,并在页面上快速显示了更新后的结果,这里没有整个页面刷新的问题。

2.深层次的树的导航
深层次的级联菜单(树)的遍历是一项非常复杂的任务,使用JavaScript来控制显示逻辑,使用Ajax延迟加载更深层次的数据可以有效的减轻服务器的负担。

3.快速的用户与用户间的交流响应
在众多人参与的交流讨论的场景下,最不爽的事情就是让用户一遍又一遍刷新页面以便知道是否有新的讨论出现。新的回复应该以最快的速度显示出来,而把用户从分神的刷新中解脱出来,Ajax是最好的选择。

4.在线调查
对于类似这样的场景中,如果提交过程需要达到40秒,很多的用户就会直接忽略过去而不会参与,但是Ajax可以把时间控制在1秒之内,从而更多的用户会加入进来。

5.对数据进行过滤和操纵相关数据的场景
对数据使用过滤器,按照时间排序,或者按照时间和名称排序,开关过滤器等等。任何要求具备很高交互性数据操纵的场合都应该用JavaScript,而不是用一系列的服务器请求来完成。在每次数据更新后,再对其进行查找和处理需要耗费较多的时间,而Ajax可以加速这个过程。

6.普通的文本输入提示和自动完成的场景
在文本框等输入表单中给予输入提示,或者自动完成,可以有效的改善用户体验,尤其是那些自动完成的数据可能来自于服务器端的场合,Ajax是很好的选择。


局限性:
1.部分简单的表单

虽然表单提交可以从Ajax获取最大的益处,但一个简单的评论表单极少能从Ajax得到什么明显的改善。而一些较少用到的表单提交,Ajax则帮不上什么忙。

2.搜索
有些使用了Ajax的搜索引擎如Start.com和Live.com不允许使用浏览器的后退按钮来查看前一次搜索的结果,这对已经养成搜索习惯的用户来说是不可原谅的。

3.基本的导航
使用Ajax来做站点内的导航是一个坏主意,为什么不把时间放在让系统程序作的更好上呢?
4.替换大量的文本
使用Ajax可以实现页面的局部刷新,但是如果页面的每个部分都改变了,为什么不重新做一次服务器请求呢?

5.对呈现的操纵
Ajax看起来像是一个纯粹的UI技术,但事实上它不是。它实际上是一个数据同步、操纵和传输的技术。对于可维护的干净的web应用,不使用Ajax来控制页面呈现是一个不错的主意。JavaScript可以很简单的处理XHMTL/HTML/DOM,使用CSS规则就可以很好的表达数据显示。

分享到:
评论

相关推荐

    AJAX编程技术与新实例

    四、AJAX的局限性 1. 不支持浏览器缓存:默认情况下,AJAX请求不使用浏览器的缓存。 2. 浏览器兼容性问题:虽然现代浏览器都支持AJAX,但早期版本的IE(6及以下)存在一些差异。 3. 安全问题:由于AJAX的跨域限制,...

    Ajax 完整教程(超详细)

    Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过组合HTML、JavaScript、DHTML(Dynamic HTML)和DOM(Document Object Model)等技术,实现了网页的...

    AJAX实现用户名注册

    在IT行业中,AJAX(Asynchronous JavaScript and XML)是一种用于创建动态、交互性强的Web应用程序的技术,它允许页面部分更新而无需整体刷新。本项目利用ASP.NET 2003和AJAX技术,实现了在用户注册过程中实时检测...

    基于AJAX 和X3D 的虚拟场景交互架构研究

    这种局限性限制了三维场景与服务器端的数据交换能力,降低了用户体验。 #### 三、AJAX技术简介及其在虚拟场景交互中的应用 AJAX(Asynchronous JavaScript and XML)是一种用于创建快速动态网页的技术,能够实现在不...

    Briup_AJAX.pdf

    综上所述,AJAX作为一项关键的Web开发技术,不仅解决了传统Web应用的局限性,还推动了富互联网应用的发展,为用户提供更加流畅和丰富的在线体验。随着技术的不断进步,AJAX的应用场景和功能也将持续扩展和深化。

    Ajax in action(1)

    **Ajax in Action(1)——探索Ajax技术的深度与广度** Ajax,全称为"Asynchronous JavaScript and XML",是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这一技术的出现极大地提升了Web应用程序的...

    ajax的基础知识.pdf

    随着Web技术的发展,Ajax已经不仅仅是简单的异步数据交换,它逐渐融合了更多先进的技术和设计理念,如Web 2.0、SPA(单页应用)、RESTful API等。未来,Ajax将继续在提升用户体验、简化开发流程方面发挥重要作用,...

    ajax的ppt教程

    综上所述,Ajax是一项强大的技术,它可以极大地提升网页的交互性和性能。通过深入理解和实践Ajax,开发者可以创建出更高效、更动态的Web应用。这个“ajax的ppt教程”对于初学者来说,将是一份极好的学习资料,帮助...

    解决ajax跨域问题

    然而,JSONP也有一些局限性,比如不支持POST请求,且安全性相对较低。随着技术的发展,现在更多地推荐使用CORS(Cross-Origin Resource Sharing,跨源资源共享)来解决跨域问题,因为它更加灵活且安全。 总之,理解...

    给予AJAX的监控系统

    基于Ajax技术的实时监控系统克服了传统监控系统的局限性,能够提供更高效、流畅的用户体验。通过采用XMLHttpRequest组件进行异步通信,系统不仅实现了数据的无刷新交换,还确保了数据传输的高效性。此外,该方案还...

    Thinking+in+AJAX

    同时,开发者也需要不断思考如何更好地利用AJAX,结合其他技术如WebSockets,实现更先进的Web应用设计。 总结,AJAX不仅是一个技术,更是一种设计理念,它鼓励开发者跳出框架,探索更高效、灵活的交互方式。理解并...

    ajax_intro_1.2

    AJAX(Asynchronous JavaScript and XML)是一种用于创建动态和交互性网页的技术,它允许在不刷新整个页面的情况下从服务器获取数据并更新部分网页内容。AJAX 的核心是利用 JavaScript 和浏览器支持的 ...

    ASP+Access+AJAX天气预报加强版-根据IP自动获取当地天气预报

    这种方法有一定的局限性,因为IP地址到地理位置的映射并不总是精确,尤其是对于使用动态IP分配的用户。 6. 用户界面(UI): index.asp可能是系统的主页,展示天气预报信息。它可能通过AJAX技术实时更新,提供良好...

    基于AJAX和SVG的组态软件Web发布模型

    这些技术虽然在一定程度上解决了组态软件的Web发布问题,但也存在一定的局限性。例如,ActiveX插件的使用限制了其在不同浏览器上的兼容性和安全性;而Java Applet虽然可以在多平台上运行,但其加载时间较长,影响...

    ZK(AJAX开发工具)开发手册

    **ZK:局限性** - 尽管ZK提供了许多便利的功能,但它也有一些限制,比如对某些特定浏览器版本的支持问题等。 #### 二、入门指南 ##### HelloWorld示例 - ZK入门的第一个示例通常是创建一个简单的“Hello World!”...

    第三方仓储管理系统的研究与开发.pdf

    - **优点**:确保了系统整体架构的合理性与完整性;有助于清晰地划分系统各个部分的功能边界。 - **局限性**:客观世界的描述工具与软件结构之间可能存在不一致性的问题,导致开发过程中出现理解和实施上的偏差。 #...

    基于JavaEE技术平台婚介系统的开发与设计.docx

    【基于JavaEE技术平台婚介系统的开发与设计】 ...这一系统不仅解决了传统婚介的局限性,也为未来线上婚恋服务的发展提供了新的思路和技术支持。 关键词:JavaEE;JSP;MySQL;婚介交友;系统设计与开发

Global site tag (gtag.js) - Google Analytics