Ajax技术与原理

Posted 2021-07-31 邑大人工智能

              

Ajax技术与原理

  ajax并非一种新的技术，而是如下技术的结合体。

•1.用CSS和Xhtml来表示
•2. 用DOM模型来交互和动态显示
•3.用XMLHttpRequest来和服务器异步通信
•4.用javascript来绑定和调用

Ajax编程步骤

•创建XMLHttpRequest对象

•设置请求方式

•调用回调函数

•发送请求

# Ajax的工作原理#

  Ajax的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎)，使用户操作与服务器响应异步化。

          

AJAX状态值与状态码区别

  AJAX状态值是指，运行AJAX所经历过的几种状态，无论访问是否成功都将响应的步骤，可以理解成为AJAX运行步骤。AJAX状态码是指，无论AJAX访问是否成功，由HTTP协议根据所提交的信息，服务器所返回的HTTP头信息代码，该信息使用“ajax.status”所获得。

           

AJAX运行步骤与状态值说明

  在AJAX实际运行当中，对于访问XMLHttpRequest（XHR）时并不是一次完成的，而是分别经历了多种状态后取得的结果，对于这种状态在AJAX中共有5种。

•0 - (未初始化)还没有调用send()方法

•1 - (载入)已调用send()方法，正在发送请求

•2 - (载入完成)send()方法执行完成

•3 - (交互)正在解析响应内容

•4 - (完成)解析完成，可在客户端调用

          

AJAX状态码说明

• 1**：请求收到，继续处理 

• 2**：操作成功收到，分析、接受
• 3**：完成此请求必须进一步处理
• 4**：请求包含一个错误语法或不能完成

• 5**：服务器执行一个完全有效请求失败

#  Ajax交互方式 #

Ajax的优点

<1>.无刷新更新数据。

<2>.异步与服务器通信。

<3>.前端和后端负载平衡。

<4>.基于标准被广泛支持。

<5>.界面与应用分离。

# 注意点 #

Ajax开发时，网络延迟——即用户发出请求到服务器发出响应之间的间隔——需要慎重考虑。没有恰当的预读数据，或者对XMLHttpRequest的不恰当处理，都会使用户感到延迟，通常的解决方案是，使用一个可视化的组件来告诉用户系统正在进行后台操作并且正在读取数据和内容。

图片资料来源：Github