跨域访问和 JSONP

Question

这是一篇关于跨域访问资源的answer：

The XHR is constrained by cross-domain rules; to use JSONP you need to add a script element:

function func_callbk()
{
    console.log(arguments);
}

var s = document.createElement('script');
s.type = 'text/javascript';
s.src = 'http://abhishekprakash.com/script/example.json?callback=func_callbk';
var h = document.getElementsByTagName('script')[0];
h.parentNode.insertBefore(s, h);
As pointed out by Ian in the comments, the proper response of your server should be something like this:

func_callbk('hello world')

问题：

• 如果您无法跨域访问资源，则该资源将无法访问，或者至少浏览器不允许该域访问其他域： s.src = 'http://abhishekprakash.com/script/example.json?callback=func_callbk'; 对吗？
• 当访问上述资源时，握手中的兼容服务器应返回func_callbk('hello world') 的字符串？

Answer 1

浏览器将允许 <script> 标签引用跨域资源（以及一些其他标签，例如 <img> 和 <iframe> 以及其他一些标签，但不允许 ajax 调用引用没有特定的跨域服务器权限被授予。

JSONP 使用赋予<script> 标签的这一功能来解决跨域问题。它要求目标服务器支持 JSONP 做事方式，因此服务器必须配合。从 JSONP 调用返回的结果实际上必须是一个脚本，并且它必须调用 JSONP 请求 URL 中请求的函数名并将所需的数据传递给该脚本。

您可能想阅读 this article 描述 JSONP 的工作原理。

还有this MDN same-origin article 了解允许和不允许跨域访问的详细信息。

如果您愿意需要更新的浏览器并在您的服务器上进行适当的设置，您可以使用跨域资源共享。信息here 和here。