此跨域请求如何工作？

Question

$.ajax(
{
    url : "http://search.twitter.com/search.json?q=google&lang=en&rpp=10&since_id=&callback=?",
    dataType : 'json',
    success : function(data)
    {
        alert(data.results.length);
    }
});

这到底是如何工作的？ 我的意思是跨域请求。

Answer 1

jQuery检测到callback=? URL的一部分，并自动将dataType从'json'切换到'jsonp' 。

JSONP是不使用XMLHttpRequest而是通过将脚本标签添加到页面来进行的JSON查询。 调用者将处理返回的脚本，并提供在脚本加载时要执行的JavaScript函数的名称。 这就是跨域工作的原因。

jQuery将在$ .ajax请求中为您透明地处理JSONP。 手动（对我来说更干净）的方法是定义一个'jsonp'数据类型并使用占位符? URL中的回调名称。 jQuery会自动替换? 具有适当的值以触发您的成功回调。

$.ajax(
{
    url : "http://api.twitter.com/1/users/show/google.json&jsoncallback=?",
    dataType : 'jsonp',
    success : function(data)
    {
        alert(data.results.length);
    }
});

Answer 2

jQuery在全局范围内定义您的回调函数，然后替换callback=? 在带有callback=nameItGaveTheFunction的URL中。

然后，它充当普通的JSONP请求； 使用脚本标签，并将响应包装在回调函数中。

Answer 3

我相信jQuery意识到它是跨域的，因此使用适当的src属性（而不是触发ajax请求）向页眉添加了一个脚本标签。 这将加载JSON，然后触发回调。