使用 YQL 与 JQuery 进行跨域请求

Question

所以我需要发出一个跨域请求，其中响应不是 JSON 格式，所以我不能使用 .getJSON。 .get 显然不起作用，因为它是跨域请求。

当我谷歌搜索，它似乎应该适合我想做的事情（即使用 jquery 插件进行非 json 格式的跨域调用）。我的代码如下所示。我知道该网址工作正常，因为如果我将其粘贴到浏览器中，我可以看到响应，根据 last.fm 文档

服务器响应的正文 由一系列 \n (ASCII 10) 组成 终止线。一个典型的成功者 服务器响应将类似于 这个：

OK
17E61E13454CDD8B68E8D7DEEEDF6170
http://post.audioscrobbler.com:80/np_1.2
http://post2.audioscrobbler.com:80/protocol_1.2

所以我知道我的网址没问题。现在我想知道如何获取这些信息，以及为什么我的示例版本不起作用。

function performHandshake(sk, token, ts){

    var token = md5(apiSecret + ts);
    var urlToUse = "http://post.audioscrobbler.com/?hs=true&p=1.2.1&c=tst&v=1.0&u=chamals&t=" + ts + "&a=" + token + "&api_key=" + apiKey + "&sk=" + sk + "&format=xml&callback=cbfunc";
            $('#container').load(urlToUse);
    $.ajax({
        url: urlToUse,
        type: 'GET',
        success: function(res){
            var headline = $(res.responseText).find('a.tst').text();
            window.console.log(headline);   
        }   
    });

}

Answer 1

那么您链接的页面讨论了使用 YQL 和 jQuery。这是一个非常有趣的解决方案。但是，您的示例似乎跳过了 YQL 部分（这很重要）。

var urlToUse = "http://post.audioscrobbler.com/?hs=true&p=1.2.1&c=tst&v=1.0&u=chamals&t=" + ts + "&a=" + token + "&api_key=" + apiKey + "&sk=" + sk + "&format=xml&callback=cbfunc";

var yqlUrl2Use = "http://query.yahooapis.com/v1/public/yql?"+
            "q=select%20*%20from%20html%20where%20url%3D%22"+
            encodeURIComponent(urlToUse)+
            "%22&format=xml'&callback=?"
    // this function gets the data from the successful 
    // JSON-P call

然后，您必须将新 URL 作为 JSONP 请求进行调用...

$.getJSON(yqlUrl2Use, function(json){
    // figure out the format of the answer here...   
});

Answer 2

是的，跨浏览器脚本。您不能使用 AJAX 进行类似的操作，因为它违反了相同的域策略。

您必须在运行 JavaScript 的同一服务器上设置代理。

编辑 看起来您需要 $('#container').load(url) 位才能正常工作。

返回并仔细阅读链接的文章。

Answer 3

您需要使用 $.getJSON 而不是 $.ajax() 返回跨站信息。

Answer 4

var res 实际上有我需要的信息。我猜他们的标题=部分是专门为他们的实施而设计的。

感谢那些提供帮助的人！