`
foreverPaul
  • 浏览: 6879 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

ajax原理及优缺点

    博客分类:
  • ajax
阅读更多
ajax所包含的技术
大家都知道ajax并非一种新的技术,而是几种原有技术的结合体。它由下列技术组合而成。
1.使用CSS和XHTML来表示。
2. 使用DOM模型来交互和动态显示。
3.使用XMLHttpRequest来和服务器进行异步通信。
4.使用javascript来绑定和调用。

在上面几中技术中,除了XmlHttpRequest对象以外,其它所有的技术都是基于web标准并且已经得到了广泛使用的,XMLHttpRequest虽然目前还没有被W3C所采纳,但是它已经是一个事实的标准,因为目前几乎所有的主流浏览器都支持它。

ajax原理和XmlHttpRequest对象

Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页面。这其中最关键的一步就是从服务器获得请求数据。要清楚这个过程和原理,我们必须对 XMLHttpRequest有所了解。
XMLHttpRequest是ajax的核心机制,它是在IE5中首先引入的,是一种支持异步请求的技术。简单的说,也就是javascript可以及时向服务器提出请求和处理响应,而不阻塞用户。达到无刷新的效果。
所以我们先从XMLHttpRequest讲起,来看看它的工作原理。
首先,我们先来看看XMLHttpRequest这个对象的属性。
它的属性有:
onreadystatechange 每次状态改变所触发事件的事件处理程序。
responseText 从服务器进程返回数据的字符串形式。
responseXML 从服务器进程返回的DOM兼容的文档数据对象。
status 从服务器返回的数字代码,比如常见的404(未找到)和200(已就绪)
status Text 伴随状态码的字符串信息
readyState 对象状态值
0 (未初始化) 对象已建立,但是尚未初始化(尚未调用open方法)
1 (初始化) 对象已建立,尚未调用send方法
2 (发送数据) send方法已调用,但是当前的状态及http头未知
3 (数据传送中) 已接收部分数据,因为响应及http头不全,这时通过responseBody和responseText获取部分数据会出现错误,

4 (完成) 数据接收完毕,此时可以通过通过responseXml和responseText获取完整的回应数据。

ajax的优点
Ajax的给我们带来的好处大家基本上都深有体会,在这里我只简单的讲几点:
1、最大的一点是页面无刷新,在页面内与服务器通信,给用户的体验非常好。
  2、使用异步方式与服务器通信,不需要打断用户的操作,具有更加迅速的响应能力。
  3、可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器和带宽的负担,节约空间和宽带租用成本。并且减轻服务器的负担,ajax的原则是“按需取数据”,可以最大程度的减少冗余请求,和响应对服务器造成的负担。

4、基于标准化的并被广泛支持的技术,不需要下载插件或者小程序。

ajax的缺点
下面我着重讲一讲ajax的缺陷,因为平时我们大多注意的都是ajax给我们所带来的好处诸如用户体验的提升。而对ajax所带来的缺陷有所忽视。
下面所阐述的ajax的缺陷都是它先天所产生的。
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技术的网站时,它目前是不支持的,当然,这个问题和我们没太多关系。
分享到:
评论

相关推荐

    Ajax工作原理以及优缺点

    ### Ajax工作原理及优缺点详解 #### 一、Ajax的工作原理 Ajax(Asynchronous JavaScript and XML,异步JavaScript和XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这种技术的核心在于使用`...

    Ajax工作原理及优缺点实例解析

    ### Ajax工作原理及优缺点实例解析 #### 一、什么是Ajax? Ajax,全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是一种利用现有Web技术进行开发的技术组合,主要用于实现客户端与服务器之间...

    浅析Ajax的 原理及优缺点

    **Ajax技术的原理** 1. **异步通信**:Ajax的核心是XMLHttpRequest对象,它在后台与服务器交换数据,使得用户界面可以持续响应。当用户与页面交互时,XMLHttpRequest对象可以在后台发送请求并接收响应,而不会阻塞...

    AJAX工作原理及优缺点详解

    在实际应用中,开发者应根据项目需求权衡这些优缺点,合理利用 AJAX 提升网页性能和用户体验。同时,随着新技术的发展,如 Fetch API 和现代前端框架(如 React、Vue、Angular),AJAX 的一些缺点已被逐步克服,但其...

    浅谈AJAX 技术与优缺点

    ### 浅谈 AJAX 技术及其优缺点 #### 一、AJAX 技术简介 AJAX(Asynchronous JavaScript and XML)是一种用于构建交互式 Web 应用的技术,它允许 Web 页面无需重新加载整个页面即可动态地更新部分数据。这项技术最...

    ajax 基本原理 ajax 基本原理

    #### 五、Ajax的优缺点 ##### 优点 - **用户体验提升**:局部刷新页面减少了用户等待时间。 - **服务器负载减轻**:只传输变化的数据,减少带宽消耗。 - **交互性增强**:提供更接近桌面应用的体验。 ##### 缺点 ...

    什么是Ajax?Ajax的优缺点共2页.pdf.zip

    **Ajax的工作原理:** 1. **创建XMLHttpRequest对象**:Ajax的基础是浏览器提供的XMLHttpRequest对象,它是与服务器通信的关键。 2. **初始化连接**:使用XMLHttpRequest对象的open()方法,指定请求类型(GET或POST...

    什么是Ajax?Ajax的优缺点.docx

    **Ajax的工作原理** 1. **JavaScript**:在用户与网页交互时,JavaScript会监听用户的动作,如点击按钮等,然后触发Ajax请求。 2. **XMLHttpRequest**:这是Ajax的核心,它创建一个后台连接到服务器,允许...

    Ajax原理及例题

    **Ajax原理** 1. **用户交互**:当用户在页面上进行操作,如点击按钮,触发Ajax请求。 2. **创建XMLHttpRequest对象**:所有现代浏览器都内置了XMLHttpRequest对象,它是Ajax通信的基础。这个对象负责与服务器建立...

    AJAX工作原理及其优缺点.docx

    **AJAX(Asynchronous JavaScript and XML)**是一种创建动态网页的技术,允许在不重新加载整个页面的情况下,与服务器交换数据并...开发者在使用AJAX时,需要充分理解其工作原理,权衡利弊,以实现最佳的应用效果。

    Ajax入门及原理简介

    **Ajax的优缺点** 优点: 1. **页面无刷新**:提高用户体验,用户无需等待整个页面重载。 2. **异步通信**:不会阻塞浏览器,其他任务仍可正常执行。 3. **数据实时性**:可以实现实时数据更新,如实时聊天、股票...

    AJAX技术入门 ajax运行原理

    **AJAX的优缺点** 优点: 1. 提升用户体验:页面无需整体刷新,操作更流畅。 2. 减少网络流量:只传输必要的数据,提高数据交换效率。 3. 增强应用的互动性:用户可以继续操作,不影响后台处理。 缺点: 1. 浏览器...

    AJAX技术学习总结分享.pdf

    六、Ajax技术的优缺点 Ajax技术的优点是可以提高网页的交互性和响应速度,提高用户体验。但是,Ajax技术也存在一些缺点,例如增加了服务器的负载、可能会出现JavaScript错误等。 七、Ajax技术的发展前景 Ajax...

    AJAX使用以及原理教程

    ### 四、AJAX的优缺点 优点: - 提升用户体验,页面无需刷新即可更新。 - 减少网络传输,只发送和接收必要的数据。 - 可实现与服务器的双向通信。 缺点: - 不利于SEO,搜索引擎爬虫可能无法解析异步加载的内容。 ...

    Ajax相关源码jar包下载

    **Ajax的优缺点** 优点: 1. 提升用户体验:页面无刷新,操作更加流畅。 2. 减轻服务器压力:只传输必要的数据,而非整个页面。 3. 实时性:适合实时数据更新的场景。 缺点: 1. 不利于搜索引擎优化:由于大部分...

    Ajax的定义Ajax的问题

    **Ajax的定义** Ajax,全称Asynchronous JavaScript and XML,是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。...在选择使用Ajax时,应根据具体项目需求权衡其优缺点,合理应用。

    Ajax高级程序设计pdf

    同时,也会对比两种格式的优缺点,帮助开发者选择合适的数据交换格式。 **第三章:XMLHttpRequest对象** XMLHttpRequest是Ajax的核心,用于在后台与服务器通信。本章将详细讲解XMLHttpRequest对象的生命周期,包括...

    AJAX技术和原理分析

    本文旨在深入探讨AJAX的核心技术及其工作原理,并分析其优缺点。 #### 二、AJAX的关键技术组成 AJAX并非一种全新的技术,而是几种已有技术的集合。主要包括以下几方面: 1. **CSS和XHTML**:用于构建页面的外观和...

Global site tag (gtag.js) - Google Analytics