JobPlus知识库 互联网 平台开发 文章
初学者必看的Ajax总结篇

Ajax简介、优劣势、应用场景以及技术

Ajax简介 :

Asynchronous Javascript And XML (异步的JavaScript和XML)

它并不是一种单一的技术,而是有机利用一系列交互式网页应用相关的技术所形成的结合体

AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

优点:

  1. 页面无刷新,用户体验好。
  2. 异步通信,更加快的响应能力。
  3. 减少冗余请求,减轻了服务器负担
  4. 基于标准化的并被广泛支持的技术,不需要下载插件或者小程序

缺点:

  1. ajax干掉了back按钮,即对浏览器后退机制的破坏。
  2. 存在一定的安全问题。
  3. 对搜索引擎的支持比较弱。
  4. 破坏了程序的异常机制。
  5. 无法用URL直接访问

ajax应用场景

  • 场景 1. 数据验证
  • 场景 2. 按需取数据
  • 场景 3. 自动更新页面

AJAX 包含以下五个部分:

ajax并非一种新的技术,而是几种原有技术的结合体。它由下列技术组合而成。

  1. 使用CSS和XHTML来表示。
  2. 使用DOM模型来交互和动态显示。
  3. 数据互换和操作技术,使用XML与XSLT
  4. 使用XMLHttpRequest来和服务器进行异步通信。
  5. 使用javascript来绑定和调用。

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

第一张图尤其说明了传统Web 应用程序的结构与采用了 AJAX 技术的 Web应用程序的结构上的差别

主要的差别,其实不是 JavaScript,不是 HTML/XHTML和 CSS,而是采用了 XMLHttpRequest 来向服务器异步的请求 XML 数据

再来看第二张图,传统的 Web 应用模式,用户的体验是割裂的,点击->等待->看到新的页面->再点击->再等待。而采用了AJAX技术之后,大部分的计算工作,都是在用户不察觉的情况下,交由服务器去完成了


如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

¥ 打赏支持
218人赞 举报
分享到
用户评价(0)

暂无评价,你也可以发布评价哦:)

扫码APP

扫描使用APP

扫码使用

扫描使用小程序