使用 Ajax
2015-09-21 13:51
330 查看
Ajax( Asynchronous JavaScript and XML)
在 Ajax 中 Asynchronous 是指异步, 代表 客户端(Client 通常是指浏览器) 可以向服务器(Server) 发出请求 用户无须等待相应。 异步是 Ajax 技术的核心所在。
Ajax 只是一个概念,用来描述 客户端XMLHTTPRequest 与服务器 Server 脚本之间的交互。
Question : 怎样确定何时应该使用 异步技术呢?
你可以这样考虑, 如果你希望 你的用户能在工作的同时 继续做一些处理, 可能就需要一个 异步的请求。
如果你的用户在 继续操作之前需要 从你的应用得到某些信息或者得到一个 相应,那就要让用户等待,通常是一个同步请求。
关于 XMLHTTPRequest :
Ajax 中技术的主要实现 是通过 XMLHTTPRequest 这个对象来实现的, XMLHTTPRequest 是大多数浏览器对 请求对象的 叫法。
1.首先需要认识到的是 XMLHTTPRequest 是一个对象 (object) , 和所有对象一样,也有 属性 (property) 和方法 (method)
eg : onreadystatechange 是XMLHTTPRequest 最重要的属性, 通常把这个属性设置为一个函数名把这个函数称为 回调函数(callback function)
request.onreadystatechange = function_name; 此处是 函数引用 而不是 函数调用, 我们使用回调函数处理服务器返回的数据。
2.然后,在各种浏览器中 XMLHTTPRequest 对象的实例化和处理方法是不同的,浏览器通过把 XMLHTTPRequest 发送到服务器
并且从服务器得到相应(Response)而且无需加载整个页面。
你可以通过 自定义的 createRequest() 创造一个各种浏览器通用的request.
建立 Ajax 请求的基本过程:
1. 得到一个请求对象(XMLHTTPRequest), 我们可以用过上述方法 createRequest() 来得到这个对象的一个实例(instance),如果不支持 Ajax 会返回null
2. 配置请求对象 XMLHTTPRequest 的属性,(例如要 连接哪个 URL, 使用 GET or POST)需要在向服务器 发出请求之前完成所有这些配置。
3. 设置回调函数, request.onreadystatechange = function_name; 告诉浏览器当服务器返回响应的时候应该做什么
4. 发出请求。
在 Ajax 中 Asynchronous 是指异步, 代表 客户端(Client 通常是指浏览器) 可以向服务器(Server) 发出请求 用户无须等待相应。 异步是 Ajax 技术的核心所在。
Ajax 只是一个概念,用来描述 客户端XMLHTTPRequest 与服务器 Server 脚本之间的交互。
Question : 怎样确定何时应该使用 异步技术呢?
你可以这样考虑, 如果你希望 你的用户能在工作的同时 继续做一些处理, 可能就需要一个 异步的请求。
如果你的用户在 继续操作之前需要 从你的应用得到某些信息或者得到一个 相应,那就要让用户等待,通常是一个同步请求。
关于 XMLHTTPRequest :
Ajax 中技术的主要实现 是通过 XMLHTTPRequest 这个对象来实现的, XMLHTTPRequest 是大多数浏览器对 请求对象的 叫法。
1.首先需要认识到的是 XMLHTTPRequest 是一个对象 (object) , 和所有对象一样,也有 属性 (property) 和方法 (method)
eg : onreadystatechange 是XMLHTTPRequest 最重要的属性, 通常把这个属性设置为一个函数名把这个函数称为 回调函数(callback function)
request.onreadystatechange = function_name; 此处是 函数引用 而不是 函数调用, 我们使用回调函数处理服务器返回的数据。
2.然后,在各种浏览器中 XMLHTTPRequest 对象的实例化和处理方法是不同的,浏览器通过把 XMLHTTPRequest 发送到服务器
并且从服务器得到相应(Response)而且无需加载整个页面。
function createRequest() { try { request = new XMLHttpRequest(); } catch (tryMS) { try { request = new ActiveXObject("Msxml2.XMLHTTP"); } catch (otherMS) { try { request = new ActiveXObject("Microsoft.XMLHTTP"); } catch (failed) { request = null; } } } return request; }
你可以通过 自定义的 createRequest() 创造一个各种浏览器通用的request.
建立 Ajax 请求的基本过程:
1. 得到一个请求对象(XMLHTTPRequest), 我们可以用过上述方法 createRequest() 来得到这个对象的一个实例(instance),如果不支持 Ajax 会返回null
2. 配置请求对象 XMLHTTPRequest 的属性,(例如要 连接哪个 URL, 使用 GET or POST)需要在向服务器 发出请求之前完成所有这些配置。
3. 设置回调函数, request.onreadystatechange = function_name; 告诉浏览器当服务器返回响应的时候应该做什么
4. 发出请求。
相关文章推荐
- 改变文件权限:chmod(转)
- C#中List的Find方法的使用
- 苹果电脑截图方法
- ASP.NET MVC4系列页面缓存、缓存依赖SQL(真实项目注意细节)
- Java ee 规范
- Swift 第十课继承
- Lua基本函数库——新手必备
- Sturts2如何获取request参数
- 使用Shell脚本对Linux系统和进程资源进行监控 http://www.csdn.net/article/2012-06-26/2806898
- c++学习笔记
- 完美解决android Studio打开报错 https://code.google.com/p/android/issues
- 如何在App中实现朋友圈功能之一朋友圈实现原理浅析——箭扣科技Arrownock
- Android混淆编译
- 程序猿的幽默你不懂--段子精选
- CentOS 6.5安全加固及性能优化
- VIM中的翻页命令
- 一个PostgreSQL用户眼里的Oracle性能优化
- 开源资料下载大全
- 使用Struts2和jQuery EasyUI实现简单CRUD系统(七)——数据分页处理
- c++栈管理库TCMalloc、jeMalloc