JavaScript的XMLHttpRequest对象
2016-05-24 17:12
691 查看
ajax的核心技术是XMLHttpRequest对象,简称XHR。
//支持IE7及更高的版本 function createXML() { if(typeof XMLHttpReqquest!="undefined") { return new XMLHttpRequest(); } else if(typeof ActiveXObject!="undefined") { if(typeof arguments.callee.activeXString!="string") { var version=["MSXML2.XMLHttp.6.0","MSXML2.XMLHttp.3.0","MSXML2.XMLHttp"], i,len; for(i=0,len=version.length;i<len;i++) { try { new ActiveXObject(version[i]); arguments.callee.activeXSting=version[i]; break; } catch(ex) {} } } return new ActiveXObject(arguments.callee.activeXSting); } else { throw new Error(No XHR object available!); } }
函数首先检测原生XHR对象是否存在,如果存在就返回它的新实例。如果不存在就检测ActiveX对象。如果两个对象都不存在就抛出一个错误。
XMLHttpRequest的用法:
在使用XHR对象时,要调用的第一个方法就是open(),open()方法接受三个参数:1,要发送请求的类型(“get”,"post"等) 2,请求的url 3,表示是否发送异步请求的布尔值。
xhr.open("get","test.php",false);//open并不会真的发送请求,而只是启动了请求以备发送。
var xhr=createXHR(); xhr.open("get","test.php",false); xhe.send(null);
惰性载入函数
没次调用createXHR()都要对浏览器支持的功能进行检查。首先检查XHR,然后检查基于activeX的XHR。还有if语句的判断,没次都要进行判断,肯定必没有if判断的代码,运行速度慢,即使只是if判断。第一种,惰性载入的方式。
function createXHR(){ if(typeof XMLHttpRequest !=undefined){ createXHR=function(){ return new XMLHttpRequest(); }; } else if(typeof ActiveXObject!=undefined){ createXHR=function(){ if(typeof arguments.callee.activeXString!="string"){ var version=["MSXML2.XMLHttp.6.0","MSXML2.XMLHttp.3.0","MSXML2.XMLHttp"], i,len; for(i=0;len=version.length,i<len;i++){ try{ new ActiveXObject(version[i]); arguments.callee.activeXString=version[i]; break; } catch(ex){ //skip } } } return new ActiveXObject(arguments.callee.activeXString); }; } else{ createXHR=function(){ throw new Error("No XHR object available."); }; } return createXHR();
第二种在声明函数时就指定适当的函数。
var createXHR=(function(){ if(typeof XMLHttpRequest !=undefined){ return function(){ return new XMLHttpRequest(); }; } else if(typeof ActiveXObject!=undefined){ return function(){ if(typeof arguments.callee.activeXString!="string"){ var version=["MSXML2.XMLHttp.6.0","MSXML2.XMLHttp.3.0","MSXML2.XMLHttp"], i,len; for(i=0;len=version.length,i<len;i++){ try{ new ActiveXObject(version[i]); arguments.callee.activeXString=version[i]; break; } catch(ex){ //skip } } } return new ActiveXObject(arguments.callee.activeXString); }; } else{ createXHR=function(){ throw new Error("No XHR object available."); }; } return createXHR(); })();
相关文章推荐
- 概率神经网络实现Parzen窗方法
- httpUrlConnection 的 setDoOutput 与 setDoInput
- Android 网络访问框架——Retrofit
- 《图解HTTP》学习笔记(二)-简单的HTTP协议
- Can not find the tag library descriptor for "http://java.sun.com/jsp/jstl/core"
- Android中使用Volley框架进行网络请求
- IP分片和TCP分段
- http请求模拟
- post 相比get 有很多优点,为什么现在的HTTP通信中大多数请求还是使用get?
- 社交网络中的共同好友计算(一度好友与二度好友)
- httpclient4.4的简单demo
- Java网络编程笔记
- 网络 使用select编写服务器
- 深度卷积网络CNN与图像语义分割
- Http状态码301和302的区别及企业应用案例
- Volley框架的基本解读(四)
- Apache httpd 2.4.x 使用 mod_proxy_fcgi 和 PHP-FPM 的方式
- java网络编程基础(五)—NIO非阻塞编程
- nginx 部署 https
- 在向服务器发送请求时发生传输级错误。 (provider: TCP 提供程序, error: 0 -