摘要:于是,不法分子们就抓住这个漏洞,开始了与浏览器的同源策略做斗争,打了场胜仗。于是呢,所谓的就相当于是利用到的这一段代码的方式。使用方法就是前后端相互沟通好,前端定义好一个函数,用来解析异步请求的数据。
为什么要写这个短文?我在复习 JSONP 知识的时候,随便搜了几篇文章看,额......后来就有了写它的想法。
首先,页面中的标签里面放的是 js 代码,而加上 src 属性后标签就有了加载和运行外部 js 代码的能力。
于是,不法分子们就抓住这个漏洞,开始了与浏览器的同源策略做斗争,打了场胜仗。
加上 src 属性的 script 标签,是利用 HTTP 的 GET 方法去访问你指定的 url 的,
它预期会 GET 到一个 js 文件或者是一段 js 代码,然后浏览器会去执行它。
于是呢,所谓的 JSONP 就相当于是利用 GET 到的这一段 js 代码的方式。
使用方法就是:
1、前后端相互沟通好,前端定义好一个函数,用来解析异步请求的数据。
例子:
function ajax(result) { // 处理 result }
2、后端写一个接口,告诉前端你请求我接口的时候要加上 function 这个参数,然后返回这个函数的执行方式。
例子:
// 接口:http://www.abc.com/api?function=ajax // 后端得到 function 参数的这个前端定义的函数名,示例是 ajax,然后像下面这样组合好后返回: // return "ajax(1)";
3、前端在 script 标签里的 src 属性设置为这个接口。
例子:
这个时候,浏览器就会去 GET 请求接口,然后 script 标签得到 ajax(1) 这个 js 代码,然后浏览器开始执行它,因为你事先已经定义过 ajax 函数了,所以 ajax(1) 会正常运行。
但是,第三步需要是异步请求,那么就在需要做请求操作的地方,利用 js 生成这段 script 标签放到
里面就行了(或者是把 src 用js动态改一下,这个我倒是没有试过)。这就是 JSONP 啦。
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/101396.html
摘要:前言之前投递了腾讯的实习生前端岗,一直没有电话,查了下状态说不合适,以为凉凉了,今天却收到了电话,出乎意料然后就开始了一面,一开始面试官说时间不会太久,大概分钟吧,结果整个过程也就持续了分钟吧。 前言 之前投递了腾讯的实习生前端岗,一直没有电话,查了下状态说不合适,以为凉凉了,今天却收到了电话,出乎意料...然后就开始了一面,一开始面试官说时间不会太久,大概30分钟吧,结果整个过程也就...
摘要:应用常见安全漏洞一览注入注入就是通过给应用接口传入一些特殊字符,达到欺骗服务器执行恶意的命令。此外,适当的权限控制不曝露必要的安全信息和日志也有助于预防注入漏洞。 web 应用常见安全漏洞一览 1. SQL 注入 SQL 注入就是通过给 web 应用接口传入一些特殊字符,达到欺骗服务器执行恶意的 SQL 命令。 SQL 注入漏洞属于后端的范畴,但前端也可做体验上的优化。 原因 当使用外...
摘要:应用常见安全漏洞一览注入注入就是通过给应用接口传入一些特殊字符,达到欺骗服务器执行恶意的命令。此外,适当的权限控制不曝露必要的安全信息和日志也有助于预防注入漏洞。 web 应用常见安全漏洞一览 1. SQL 注入 SQL 注入就是通过给 web 应用接口传入一些特殊字符,达到欺骗服务器执行恶意的 SQL 命令。 SQL 注入漏洞属于后端的范畴,但前端也可做体验上的优化。 原因 当使用外...
现在流行的axios库不支持jsonp,因此这里推荐一个jsonp库,简单易用。以下是介绍: Easy JSONP A minimal and lightweight JSONP implementation which is used to be a kind of cross domain solutions. Features Implement JSONP request from th...
摘要:同源策略做了很严格的限制,但是在实际的场景中,又确实有很多地方需要突破同源策略的限制,也就是我们常说的跨域。使用跨域由于同源策略,一般来说位于的网页无法与不是的服务器沟通,而的元素是一个例外。 本菜鸡最近在写某个页面请求数据时,报了如下的错误。 Failed to load https://...:No Access-Control-Allow-Origin header is pre...
阅读 2944·2021-10-27 14:16
阅读 676·2021-10-13 09:39
阅读 3630·2021-09-29 09:46
阅读 2065·2019-08-30 15:54
阅读 2585·2019-08-30 15:52
阅读 2976·2019-08-30 15:44
阅读 1089·2019-08-30 15:44
阅读 485·2019-08-30 10:51