AJAX----注：借鉴

Posted 2021-01-20 learnblog

Ajax的工作原理。

• Ajax的核心是javascript对象XmlHttpRequest。该对象在Internet Explorer5首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。
• Ajax采用异步交互过程。Ajax在用户与服务器之间引入一个中间媒介，从而取消了网络互联过程中的处理-等待-处理-等待缺点。
• 用户的浏览器在执行任务时即加载了Ajax引擎。Ajax引擎使用JavaScript语言编写，通常藏在一个隐藏的框架中。它负责编译用户界面与服务器之间的交互。
• Ajax引擎允许用户与应用软件之间的交互过程异步进行，独立于用户与网路服务器间的交流。现在，可以用JavaScript调用Ajax引擎来代替产生一个HTTP的用户动作，内存中的数据编辑，页面导航，数据校验这些不需要重新载入整个页面的需求可以交给Ajax来执行。
• 使用Ajax，可以为Jsp，开发人员，终端用户带来可见的便捷。

Ajax包含的技术：

• Ajax并不是一项新技术，其实是多种技术的综合，包含JavaScript，Xhtml和CSS，Dom，Xml和XmlHttpRequest技术。
  • 服务器端语言：服务器需要具备向浏览器发送特定信息的能力。Ajax与服务器端语言无关。
  • Xml(可扩展标记语言)是一种描述数据的格式。AJAX 程序需要某种格式化的格式来在服务器和客户端之间传递信息，XML 是其中的一种选择。
  • XHTML（eXtended Hypertext Markup Language,使用扩展超媒体标记语言）和 CSS（Cascading Style Sheet,级联样式单）标准化呈现。
  • DOM（Document Object Model,文档对象模型）实现动态显示和交互。
  • 使用XMLHTTP组件XMLHttpRequest对象进行异步数据读取。
  • 使用JavaScript绑定和处理所有数据。

Ajax的缺陷：

• Ajax并不是完美的技术，也存在缺陷：
  • AJAX大量使用了Javascript和AJAX引擎，而这个取决于浏览器的支持。IE5.0及以上、Mozilla1.0、NetScape7及以上版本才支持，Mozilla虽然也支持AJAX，但是提供XMLHttpRequest的方式不一样。所以，使用AJAX的程序必须测试针对各个浏览器的兼容性。 
  • AJAX更新页面内容的时候并没有刷新整个页面，因此，网页的后退功能是失效的；有的用户还经常搞不清楚现在的数据是旧的还是已经更新过的。这个就需要在明显位置提醒用户“数据已更新”。 
  • 对流媒体的支持没有FLASH、Java Applet好。

Ajax的核心XMLHttpRequest对象：

• XMLHttpRequest是XMLHTTP组件的对象，通过这个对象，AJAX可以像桌面应用程序一样只同服务器进行数据层面的交换，而不用每次都刷新界面，也不用每次将数据处理的工作都交给服务器来做；这样既减轻了服务器负担又加快了响应速度、缩短了用户等待的时间。 
• XMLHttpRequest最早是在IE5中以ActiveX组件的形式实现的。非W3C标准。
• 创建XMLHttpRequest对象(由于非标准所以实现方法不统一)：
  • Internet Explorer把XMLHttpRequest实现为一个ActiveX对象。
  • 其他浏览器（Firefox、Safari、Opera…）把它实现为一个本地的JavaScript对象。
  • XMLHttpRequest在不同浏览器上的实现是兼容的，所以可以用同样的方式访问XMLHttpRequest实例的属性和方法，而不论这个实例创建的方法是什么。