Ajax请求基本架构

AJAX 请求基本架构

AJAX请求基本步骤：

Step01：获取Ajax 请求对象(由浏览器端的Ajax引擎提供)
Step02：设置Ajax对象的状态监听(通讯和响应状态)
Step03：创建Ajax请求连接（与服务端建立连接）
Step04：发送Ajax异步请求(发送到服务端)

客户端访问服务器过程

1.客户端通过触发dom事件(event)发起javascript调用
2.XmlHttpRequest对象发起http请求访问服务器
3.服务器访问数据库
4.数据库拿到数据返回给服务器
5.服务器把数据(如json)返回给XmlHttpRequest对象
6.XmlHttpRequest对象上注册的回调函数，回调函数回调相关的方法异步地更新数据html/css/json...

UserInterface:用户界面
XmlHttpRequest:AjaxEngine中的一个对象
dom event:dom-(文档对象模型)事件，点击按钮或超链接，或光标移入移除，选中、取消选中复选或单选
update UI:数据返回时更新界面。
WebServer：Web服务器
页面由html节点构成，以js的角度看待每个节点的话，这些节点叫做dom(document object model)。这个页面可以看成一个文档(document)。

用户界面发起请求-通过javascript调用AjaxEngine中的一个对象XmlHttpRequest
通过这个对象向服务器端发请求，web服务器端访问数据库DB，数据库返回数据给web服务器，web服务器把这个数据返回给Ajax引擎，Ajax引擎中的XmlHttpRequest注册的回调函数更新用户界面。