Ajax的实现原理(asp.net ajax读书笔记)
2007-06-08 15:07
218 查看
首次加载方式:与传统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的方式操作文档内容);
用户看到了界面的变化;(无刷新)
后续操作:与传统Web应用程序完全不同。用户的操作不再会引发浏览器的一次HTTP请求,而是引发客户端的某段JavaScript代码的执行(JavaScript初始化了一个XMLHttpRequest对象,由它向服务器发出异步请求,获得数据)。
具体交互流程:
1、 用户在页面上执行了某个具体操作;
2、 DOM元素捕获后,触发相应的DHTML事件;
3、 调用DHTML事件的客户端事件处理函数(一段JavaScript脚本),在其 中初始化了一个XMLHttpRequest对象,用以向服务器发送异步请求,同时指定了一个回调函数;
4、 服务器收到XMLHttpRequest对象的请求后,开始根据请求进行处理, 并返回客户端所需要的数据(以XML或JSON或普通文本的形式);
5、 客户端接收到数据后,执行回调函数(一段JavaScript脚本),并根据 返回的数据进行局部更新(以DOM的方式操作文档内容);
用户看到了界面的变化;(无刷新)
相关文章推荐
- jQuery源码分析系列(35) : Ajax - jsonp的实现与原理
- 简述ajax的原理及实现步骤。
- 简述ajax的原理,如何实现刷新数据及优点
- atitit.ajax上传文件的实现原理 与设计
- AJAX的原理―如何做到异步和局部刷新【实现代码】
- 生成静态页面ajax实现原理
- springMVC Ajax实现和原理
- JQuery Ajax的实现原理以及二次封装通用的Ajax
- Ajax原理及用原生js实现Ajax应用
- Ajax 弹出登陆框的实现原理
- Ajax实现原理
- ajax实现原理解析
- 【MVC】会员注册/登录,普通验证,会员名是否注册Ajax验证以及会员邮件验证实现原理
- jQuery源码分析系列(35) : Ajax - jsonp的实现与原理
- Ajax实现原理详解
- js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)
- js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)
- ajax的原理及实现方式
- 简述ajax的原理及实现步骤。