JS中的其他跨域技术

女爷i 2022-07-17 04:40 101阅读 0赞

其它跨域技术：

--------------------

① 图像ping

与服务器进行简单、单向的跨域通信。请求的数据是通过查询字符串形式发送的，而响应可以是任意内容，但通常是像素图或204响应。通过图像ping，浏览器得不到任何具体的数据，但通过侦听load和error事件，能够知道响应是什么时候接收到的。

var img = new Image();
    img.load = img.onerror = function() {
        alert("Done");
    }; 
    img.src = "http://www.example.com/test?name=Carol";

图像ping方法常用于跟踪用户点击页面或动态广告曝光次数。图像ping有两个主要的缺点，一是只能发送GET请求，二是无法访问服务器的响应文本。因此图像ping只能用于浏览器与服务器间的单向通信。

--------------------

②JSONP

JSON with padding，与json相比就是被包含在函数调用中的JSON

callback({"name":"carol"});

JSONP由两部分组成：毁掉函数和数据。回调函数是当响应到来时应该在也页面中调用的函数。调用函数名字一般是在请求中指定。而数据就是传入回调函数中的JSON数据。JSONP是通过动态<script>元素来使用的，使用的时候可以为src属性指定一个跨域URL。

![复制代码][copycode.gif]

function handleResponse(response) {
        alert("you are at IP address" + response.ip + response.city);
    }
    var script = document.createElement("script");
    script.src = "http://freegeoip.net/json/?callback=handleResponse";
    document.body.insertbBefore(script,document.body.firseChild);

![复制代码][copycode.gif]

相比于图像ping，它的优点在于能够直接访问响应文本，支持浏览器与服务器之间双向通信。但是，跨域的不安全仍然存在。

[copycode.gif]: /images/20220717/7523639e3e4e4fa2b2ec104ce475da7c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，101人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue.js跨域请求配置、Node.js设置允许跨域

Vue跨域配置在Vue项目目录中打开config/index.js,在proxyTable中添写如下代码： // 跨域处理 proxyTabl

╰+攻爆jí腚メ/ 2022年12月31日 07:30/ 0 赞/ 243 阅读

相关 js跨域问题

问题：查询出来的数据传给了顶层网址。报错信息：火狐上的错误： Permission denied to access property “document” $

深碍√TFBOYSˉ_/ 2022年09月26日 03:51/ 0 赞/ 161 阅读

相关 ajax跨域和js跨域解决方案

ajax跨域和JS的跨域通信(Cross The Site)的几种解决方案最近做的一个项目中需要ajax跨域取得数据,如果是在本域中确实没有问题，但是放到二级

﹏ヽ暗。殇╰゛Y/ 2022年09月25日 09:23/ 0 赞/ 234 阅读

相关 js的跨域

理解跨域首先必须要了解同源策略。同源策略是浏览器上为安全性考虑实施的非常重要的安全策略。 js跨域可以通过hash，jsonp，flash，html5的 postMessag

悠悠/ 2022年08月14日 00:50/ 0 赞/ 170 阅读

相关跨域js调用

A网站下的页面 [http://www.A.com/test.jsp][http_www.A.com_test.jsp] test.jsp \-----------

小灰灰/ 2022年08月06日 15:17/ 0 赞/ 178 阅读

相关 JS中的其他跨域技术

其它跨域技术： -------------------- 　　① 图像ping 　　与服务器进行简单、单向的跨域通信。请求的数据是通过查询字符串形式发送的，而响应可

女爷i/ 2022年07月17日 04:40/ 0 赞/ 102 阅读

相关 js跨域相关

假设http://www.otherdomain.com/data.js 这个远程文件data.js内容如下： [帮助][Link 1] <table> <tbody>

痛定思痛。/ 2022年06月17日 23:59/ 0 赞/ 262 阅读

相关 js跨域问题

跨域问题，网上资料很多，但是太多复制粘贴，还错误百出，这里我总得说一下吧 1. 第一个方法就是jsonp，这个只能采用get方式请求，具体自己百度，由于post用的多，我不

桃扇骨/ 2022年06月17日 11:44/ 0 赞/ 209 阅读

相关 js中的几种跨域方法

js跨域指的是通过js在不同域之间进行数据传输或通讯，例如ajax通信技术，或者通过js获取页面中iframe的数据。只要有任意一个不同，则协议、域名、端口中有任意一个不同，则

朱雀/ 2022年06月11日 03:22/ 0 赞/ 250 阅读

相关其他：js实现跨域访问

转自：[点自这里][Link 1] javascript跨域访问是web开发者经常遇到的问题，什么是跨域，一个域上加载的脚本获取或操作另一个域上的文档属性，下面将列出三种实

电玩女神/ 2022年05月21日 13:45/ 0 赞/ 205 阅读