【Ajax】——学习后的小结

前端之家收集整理的这篇文章主要介绍了【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、作为时代前进的产物,必须能更好的适用于用户

猜你在找的Ajax相关文章