js 小技巧之ajax跨域

 关于跨域的技巧，网上有很多内容，这里我也做了点总结，主要分为以下方式。

 

1.利用image标签的src发出请求，这种请求一般用于只需要发出请求，不需要接收返回数据。

例如：  var url ="ajax.url.com?temp="+new Date().getTime();

           var img=window["ajax"+new Date().getTime()]=new Image();
           img.src = url;

2.利用<script>标签的src发送请求，并利用onload和onreadystatechange处理回调函数。

例如：var head = document.getElementsByTagName("head")[0] || document.documentElement; var script = document.createElement("script"); script.src = url; script.onload = script.onreadystatechange = function() { if ((!this.readyState ||this.readyState === "loaded" ||this.readyState=== "complete") ) { //这里写回调函数 // Handle memory leak in IE script.onload = script.onreadystatechange = null; if ( head && script.parentNode ) { head.removeChild( script ); } } }; head.insertBefore( script, head.firstChild );   

在服务器端需要返回一个声明数据的js，例如：var data = "result" 在前台则可以使用data变量名接收到参数值

3.利用frame的src，然后利用window对象进行数据交互。网上例子很多，这里就不写了

还有一般来说服务器端可以设置可接收的域，这样就可以避免跨域的操作了。

外带附送一个判断是否是跨域的请求，根据正则来判断。

 

var rurl = /^(/w+:)?([^//?#]+)/; var parts = rurl.exec( url ); var isRemote = parts && (parts[1] && parts[1] !== location.protocol || parts[2] !== location.host); if(isRemote){ //是跨域 }