AJax技术

【Ajax】——学习后的小结

字号+ 作者:H5之家 来源:H5之家 2016-12-25 10:05 我要评论( )

【Ajax】——学习后的小结 背景:作为BS的最后一个项目,学习到这里总算有一种“多年媳妇熬成婆”的感觉,学习BS项目将近了半年,现在终于熬出来了,好好总结,有一个好的“ending”吧! 一、AJAX简介 AJAX即“Asynchronous Javascript And XML”(异步JavaS

【Ajax】——学习后的小结

背景:作为BS的最后一个项目,学习到这里总算有一种“多年媳妇熬成婆”的感觉,学习BS项目将近了半年,现在终于熬出来了,好好总结,有一个好的“ending”吧!

一、AJAX简介

AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。

AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网页页面。


二、应用优势

1、AJAX不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。

2、使用Javascript向服务器提出请求并处理响应而不阻塞用户!核心对象XMLHTTPRequest。通过这个对象,您的 JavaScript 可在不重载页面的情况与Web服务器交换数据。

3、AJAX 在浏览器与 Web 服务器之间使用异步数据传输(HTTP 请求),这样就可使网页从服务器请求少量的信息,而不是整个页面。

4、AJAX 可使因特网应用程序更小、更快,更友好。

5、AJAX 是一种独立于 Web 服务器软件的浏览器技术。JavaScriptXMLHTMLCSS在 AJAX 中使用的 Web 标准已被良好定义,并被所有的主流浏览器支持。AJAX 应用程序独立于浏览器和平台。

6、Web 应用程序较桌面应用程序有诸多优势;它们能够涉及广大的用户,它们更易安装及维护,也更易开发。不过,因特网应用程序并不像传统的桌面应用程序那样完善且友好。

三、与Web比较

1、用户体验

传统Web开发方式每一次交互数据都将经历“查看→提交→等待→新页面展示结果”的循环,页面跳转,而且全页面刷新,用户体验会中断:






而AJAX开发方式每一次交互数据都会经过“查看→提交→继续浏览活动→在旧页面中展示数据交互结果”的循环,页面无刷新,用户体验连贯:






2、数据交互方式

传统Web开发方式采用同步交互方式。 AJAX开发方式采用异步交互的方式。






3、页面端和服务端

页面端





服务端:





四、缺点

1、ajax干掉了back按钮,即对浏览器后退机制的破坏。

后退按钮是一个标准的web站点的重要功能,但是它没法和js进行很好的合作。这是ajax所带来的一个比较严重的问题,因为用户往往是希望能够通过后退来取消前一次操作的。那么对于这个问题有没有办法?答案是肯定的,用过Gmail的知道,Gmail下面采用的ajax技术解决了这个问题,在Gmail下面是可以后退的,但是,它也并不能改变ajax的机制,它只是采用的一个比较笨但是有效的办法,即用户单击后退按钮访问历史记录时,通过创建或使用一个隐藏的IFRAME来重现页面上的变更。(例如,当用户在Google
Maps中单击后退时,它在一个隐藏的IFRAME中进行搜索,然后将搜索结果反映到Ajax元素上,以便将应用程序状态恢复到当时的状态。)

但是,虽然说这个问题是可以解决的,但是它所带来的开发成本是非常高的,和ajax框架所要求的快速开发是相背离的。这是ajax所带来的一个非常严重的问题。



2、安全问题

技术同时也对IT企业带来了新的安全威胁,ajax技术就如同对企业数据建立了一个直接通道。这使得开发者在不经意间会暴露比以前更多的数据和服务器逻辑。ajax的逻辑可以对客户端的安全扫描技术隐藏起来,允许黑客从远端服务器上建立新的攻击。还有ajax也难以避免一些已知的安全弱点,诸如跨站点脚步攻击、SQL注入攻击和基于credentials的安全漏洞等。



3、对搜索引擎的支持比较弱。



4、破坏了程序的异常机制。

至少从目前看来,像ajax.dll,ajaxpro.dll这些ajax框架是会破坏程序的异常机制的。关于这个问题,我曾经在开发过程中遇到过,但是查了一下网上几乎没有相关的介绍。后来我自己做了一次试验,分别采用ajax和传统的form提交的模式来删除一条数据……给我们的调试带来了很大的困难。



5、违背了url和资源定位的初衷。

例如,我给你一个url地址,如果采用了ajax技术,也许你在该url地址下面看到的和我在这个url地址下看到的内容是不同的。这个和资源定位的初衷是相背离的。



6、一些手持设备(如手机、PDA等)现在还不能很好的支持ajax。

比如说我们在手机的浏览器上打开采用ajax技术的网站时,它目前是不支持的,当然,这个问题和我们没太多关系。


五、学习心得

1、历史在前进,我们的使用工具越来越先进,越来越人性化。

2、优点与缺点并存,优势与劣势共存,善与恶也并存,没有什么是完美的,也没有什么是缺陷的,看待事物的角度不同,收获不同。

3、作为时代前进的产物,必须能更好的适用于用户。

猜你在找

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • ajax知识 Ajax学习全套(最全最经典)

    ajax知识 Ajax学习全套(最全最经典)

    2016-12-25 11:00

  • J2EE开发技术点4:ajax技术

    J2EE开发技术点4:ajax技术

    2016-12-24 17:00

  • AJAX技术解读

    AJAX技术解读

    2016-12-24 16:08

  • ajax初步学习文档

    ajax初步学习文档

    2016-12-23 15:02

网友点评