JavaScript考点之一,AJAX总结(一),AJAX概述

媒介

博主博客:Stillwater的博客
知乎专栏:前端汪汪
本文为作者原创转载请说明出处:

http://hiztx.top/2017/01/11/a…

一、什么是AJAX?

AJAX即“Asynchronous JavaScript and XML”(异步的JavaScript与XML手艺),指的是一套综合了多项手艺的浏览器端网页开辟手艺。是一种用来建立交互式网页运用的网页开辟手艺。之所以说AJAX是一项综合手艺,是因为AJAX包含了以下手艺:

  • 基于HTML和CSS举行示意;

  • 运用 DOM举行动态显示及交互;

  • 运用 XML 和 JSON 举行数据交流及相干操纵;

  • 运用 XMLHttpRequest 举行异步数据查询、检索;

  • 运用 JavaScript 将一切的东西绑定在一起。

注:asynchronous 异步的
英 [eɪˈsɪŋkrənəs] 美 [e’sɪŋkrənəs]

二、为何要用AJAX?

传统Web运用存在的题目

  1. 传统的Web运用提交表单时会向网页服务器发送一个要求。服务器吸收并处置惩罚传来的表单,然后送回一个新的网页。但这个做法浪费了很多带宽,因为在前后两个页面中的大部分HTML码往往是雷同的

  2. 因为每次运用的沟通都须要向服务器发送要求,运用的回应时候依赖于服务器的回应时候。这致使了用户界面的回应比本机运用慢很多。即同步要求,浏览器须要守候服务器处置惩罚要求,致使了浏览器端的壅塞

AJAX的涌现处理的题目

  1. AJAX运用能够仅向服务器发送并取回必需的数据,并在客户端采纳JavaScript处置惩罚来自服务器的回应。因为在服务器和浏览器之间交流的数据大批削减(约莫只要本来的5%),服务器回应更快了。部分革新

  2. AJAX采纳异步形式,经由过程XMLHttpRequest对象(下篇博客详细引见),发送给服务器要求今后,不必守候服务器的处置惩罚结果,用户能够继承举行操纵。非壅塞的体式格局提升了用户体验。

总的来说就好像,浏览器老大有一书包的好东西,然则他只想给服务器老大个中一个好东西。传统Web运用处置惩罚要领是,浏览器老大直接把书包给服务器老大,他等服务器老大本身找完今后,才拿回本身的书包,继承干别的事变。AJAX的处置惩罚要领是,浏览器老大找了个叫XMLHttpRequest的小弟来做这件事。小弟先从书包里找出来谁人东西,然后再给服务器老大。服务器拿到东西今后处置惩罚了一下再把东西还给XMLHttpRequest小弟。这时期浏览器老大爱干吗干吗。

三、AJAX的优瑕玷

长处:

  1. 能在不更新全部页面的前提下保护数据。这使得Web运用程序更加迅捷地回运用户行动,并避免了在收集上发送那些没有转变的信息。

  2. 经由过程异步形式,不壅塞用户,从而提升了用户体验。

  3. AJAX不须要任何浏览器插件,但须要用户许可JavaScript在浏览器上实行。

  4. AJAX引擎在客户端运转,负担了一部分本因由服务器负担的事情,从而削减了大用户量下的服务器负载。

瑕玷:

  1. 损坏浏览器的退却与加入收藏书签功用。在用AJAX动态更新页面的情况下,用户没法回到前一个页面状况,这是因为浏览器仅能记下历史记录中的静态页面。

  2. AJAX假如运用GET要领,会暴露了与服务器交互的细节。

  3. 对搜索引擎的支撑比较弱。经由过程AJAX动态更新的页面能够没法被搜索引擎搜到。

    原文作者:Stillwater
    原文地址: https://segmentfault.com/a/1190000008086052
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞