什么是 JSONP（JSON with Padding）？
What? 你还不知道 JSONP 是什么？赶紧去补补吧，我就不多讲了。 补个百度百科链接先，
会有哪些安全隐患？怎么防范？
我们假设有这样一个场景一
我登录了www.qq.com，QQ 为了给第三方提供服务，可能会有这样的 jsonp 接口，www.qq.com/getUserInfo?callback=action，那我就可以自己构造一个恶意页面，请求这个 jsonp 接口，放在网络上，收集 qq 用户的信息了。要是 jsonp 接口还涉及了一些敏感操作或者信息，就更嗨皮了~比如登陆啊，删除啊等操作。不过国内很多后端开发并不重视此问题，突然想起来老东家的后端开发为了加速开发，写了个通用的函数，只要能 GET 访问的接口都可以 jsonp 访问。Emmm... 对于第一种情况，首先要验证 JSONP 调用的来源（Referer），这种方案利用了 js 资源加载时会发送 Referer 的特性，服务端判断 Referer 是不是白名单即可。
说起来容易，但实际还会因为过滤的正则不严谨导致绕过，比如只验证了是否存在www.qq.com 关键字，那我可以构造 www.qq.com.domain.com 来进行攻击。又比如很多开发会允许空 Referer，而跨协议调用 js 是不发送 Referer 的，可谓是千里之堤溃于蚁穴~跨协议调用 js 的一个例子： <iframe src="javascript:'<script src=http://attack.com/jsonp></script>'"></iframe> 代码里使用 iframe 调用 javascript 伪协议，来发送空 Referer 的 js 请求。 所以空 Referer 还是要禁止滴。 另外就是部署随机 Token 来防御了，每一次请求都带上 token 值，token 值字母加数字长一点最好了，不然有被暴力破解的可能。 接下来是场景二
不严谨的 content-type 导致的 XSS 漏洞 想象一下 jsonp 就是你请求http://youdomain.com?callback=douniwan, 然后返回 douniwan({ data }),那假如请求 http://youdomain.com?callback=<script>alert(1)</script> 不就返回 <script>alert(1)</script>({ data }) 了吗，如果没有严格定义好 Content-Type（ Content-Type: application/json ），再加上没有过滤 callback 参数，直接当 html 解析了，就是一个赤裸裸的 XSS 了。 Content-Type 设置成 application/javascript 在 IE 等浏览器下一样可以解析成 HTML 导致 XSS 漏洞。所以要严格定义成 application/json。不过即使这样，在五花八门的浏览器面前，也会有个别特殊的，比如在 IE6/7 下面，请求的 URL 文件后面加一个 /x.html 就可以解析成 html。 防御这种情况首先要严格定义 Content-Type: application/json，然后严格过滤 callback 后的参数并且限制长度。
/**/ typeof func === 'function' && func({ "data":"hello"});复制代码 这是为什么呢？其实这都是有历史原因的，2011 年的时候出过一个通过 mhtml 协议解析跨域的漏洞：MHTML Mime-Formatted Request Vulnerability (CVE-2011-0096)，当时也是影响了一堆国际厂商，想详细了解的可以戳这里，
防御这个就是在前面加上 /**/ 或者多个换行符就能一定程度预防其他文件格式的输出了。接下来是场景三
假如我的网站用了第三方的服务，而对方提供的只有 jsonp 接口，万一对方的服务器被黑了，返回了一串恶意代码，那不是城门失火，殃及池鱼了吗？ 请记住一句话，所有的第三方都是不可完全信任的。 防御的话，首先，考虑一下，前端能做什么防御措施？ iframe？好像可以，搜了下，网上已经有人做了尝试了，详细可以看这里 还有什么方法呢？前端好像没什么可以检测返回的 js 内容的函数了，好像没什么可以玩的了。 那换个思路，服务端转发呢，既然前端不能检测第三方的 jsonp 内容，那我用自己的服务端去检测第三方的 jsonp 内容是否合法，再返回结果不就行了。最后
绕来绕去，总感觉用的不太爽，可能正是由于 jsonp 的种种缺陷，才一直没有被浏览器标准采纳吧。