ajax原理和实现步骤

ajax原理和实现步骤

ajax原理：简单来说通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用JavaScript来操作DOM而更新页面。

实现步骤：

1.创建 Ajax的核心对象 XMLHttpRequest对象

2.通过 XMLHttpRequest 对象的 open() 方法与服务端建立连接

3.构建请求所需的数据内容，并通过XMLHttpRequest 对象的 send() 方法发送给服务器端

4.通过 XMLHttpRequest 对象提供的 onreadystatechange 事件监听服务器端你的通信状态

5.接受并处理服务端向客户端响应的数据结果

6.将处理结果更新到 HTML页面中

Ajax的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎)，使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器。像—些数据验证和数据处理等都交给Ajax引擎自己来做,，只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。

extjs框架工作原理

1、ExtJS可以用来开发RIA也即富客户端的AJAX应用，是一个用javascript写的，主要用于创建前端用户界面，是一个与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。ExtJs最开始基于YUI技术，由开发人员JackSlocum开发，通过参考JavaSwing等机制来组织可视化组件，无论从UI界面上CSS样式的应用，到数据解析上的异常处理，都可算是一款不可多得的JavaScript客户端技术的精品。　　

2、Ext的UI组件模型和开发理念脱胎、成型于Yahoo组件库YUI和Java平台上Swing两者，并为开发者屏蔽了大量跨浏览器方面的处理。相对来说，EXT要比开发者直接针对DOM、W3C对象模型开发UI组件轻松。

php前后端交互原理

1 PHP获取前端数据：通过表单提交的POST或GET完成。

2 PHP向前端输出数据：通过直接输出（由解析器完成）到HTML完成。

3 使用AJAX可以完成部分刷新，从而具有动态效果。

3 流程：PHP直接将后端数据传递到HTML，PHP读取前端GET数据，JavaScript直接读取PHP后端数据