首次加载方式:与传统web应用程序相同。首先用户在游览器输入URL或单击了一个外部链接,引发了浏览器的一次HTTP请求。随后,服务器响应了用户的请求,生成相应的HTML、CSS及JavaScript代码,并发送到客户端,最后,客户端浏览器把这段HTML显示出来。
后续操作:与传统Web应用程序完全不同。用户的操作不再会引发浏览器的一次HTTP请求,而是引发客户端的某段JavaScript代码的执行(JavaScript初始化了一个XMLHttpRequest对象,由它向服务器发出异步请求,获得数据)。
具体交互流程:
1、 用户在页面上执行了某个具体操作;
2、 DOM元素捕获后,触发相应的DHTML事件;
3、 调用DHTML事件的客户端事件处理函数(一段JavaScript脚本),在其 中初始化了一个XMLHttpRequest对象,用以向服务器发送异步请求,同时指定了一个回调函数;
4、 服务器收到XMLHttpRequest对象的请求后,开始根据请求进行处理, 并返回客户端所需要的数据(以XML或JSON或普通文本的形式);
5、 客户端接收到数据后,执行回调函数(一段JavaScript脚本),并根据 返回的数据进行局部更新(以DOM的方式操作文档内容);
用户看到了界面的变化;(无刷新)