位置: 编程技术 - 正文
js实现跨域的几种方法汇总（图片ping、JSONP和CORS）(js跨域的几种方法)
编辑：rootadmin推荐整理分享js实现跨域的几种方法汇总（图片ping、JSONP和CORS）(js跨域的几种方法)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:js跨域请求有哪些方式,js跨域获取数据的方式,js如何实现跨域,js实现跨域访问的几种方式,js如何实现跨域,js如何实现跨域,js跨域的解决方案,js如何实现跨域,内容如对您有帮助，希望把文章链接给更多的朋友！
跨域
虽然有同源策略的存在，但是在js中跨域也依然很常见，有document.domain、window.name、图片ping、jsonp、CORS，在这里简单总结下图片ping、jsonp和CORS备忘。
图片ping
图片可以从任何URL中加载，所以将img的src设置成其他域的URL，即可以实现简单的跨域，可以使用onload和onerror事件来确定是否接受到了响应。
这里新建了一个img对象，给出的url是博客地址，这里是个error事件，所以弹出error；如果将URL改为一张图片 with padding，翻译是填充式json，参数式json。
因为script的src可以跨域，所以在发送的URL后添加一个callback参数传递给服务器，然后服务器返回的数据会作为callback的参数，因为这个callback是我们自己来实现的，所以可以对接受到的json数据进行处理。
简单代码如下：
这里，我们把脚本的src设置为 site resourse sharing，它和ajax其实是大体相同的，对于ie实例化的是xdr对象，XDomainRequest，我们能访问的也只有responseText，触发的事件有load和error，写法和xhr大体相同，也需要open和send。
对于ff，chrome等其他浏览器实例化的是xhr，在这里myvin仅仅拿xhr来演示下，如果要实现跨浏览器，可以配合xdr实现兼容。
xhr如下：
这里使用的url是 的远程资源。（原因：CORS 头缺少 'Access-Control-Allow-Origin'）。
所以用CORS实现跨域还有一步要做，就是在服务器端设置Access-Control-Allow-Origin。
JavaScritp添加url参数并将参数加入到url中及更改url参数的方法 javascritp添加url参数方法，将参数加入到url中,如果原来url中有则覆盖，下面通过代码实例给大家讲解，具体内容请看下文。js代码如下所示：functionaddToUrl
JS基于VML技术实现的五角星礼花效果代码 本文实例讲述了JS基于VML技术实现的五角星礼花效果代码。分享给大家供大家参考，具体如下：这里演示的五角星礼花，基于HTML+js+VML技术共同编写实现
javaScript实现可缩放的显示区效果代码 本文实例讲述了javaScript实现可缩放的显示区效果代码。分享给大家供大家参考，具体如下：这里演示可缩放的显示区，采用JS代码实现，鼠标按住区域
标签: js跨域的几种方法
本文链接地址:https://www.jiuchutong.com/biancheng/382654.html 转载请保留说明！上一篇：使用javaScript动态加载Js文件和Css文件(js调用css动画)
下一篇：JavaScritp添加url参数并将参数加入到url中及更改url参数的方法(java urlencode如何使用)
