如何使用 JSONP 和 JQuery 规避同源策略？

【问题标题】：How do I circumvent the same origin policy using JSONP and JQuery?如何使用 JSONP 和 JQuery 规避同源策略？
【发布时间】：2013-09-08 20:48:27
【问题描述】：

从one.com 提供的页面具有以下代码：

  $.post 'http://two.com/',
    data: 'example'
  , dataType: 'jsonp'

它给出以下控制台错误：

XMLHttpRequest cannot load http://two.com. Origin http://one.com is not allowed by Access-Control-Allow-Origin.

【问题讨论】：

【解决方案1】：

JSONP 本质上是GET，而不是POST。它使用script 标记作为其传输机制，并使用script 标记GET 其脚本。

$.get 'http://two.com/',
  data: 'example'
, dataType: 'jsonp'

还请注意，服务器必须支持 JSONP 才能工作，就像如果您请求它必须支持（比如说）XML 一样。它发回的格式是特定于 JSONP 的。

【讨论】：