如何在 JQuery 中解析"GET"请求返回的 XML 数据

Question

所以我正在为一家小型媒体公司制作一个"追随者计数器"。我已经设置了一个 get 请求来返回包含关注者数量的 Twitter API XML 文件。我知道 get 请求设置正确，因为当我对成功函数进行硬编码时它可以工作。我遇到的问题是无法使用返回的 xml 数据。我需要解析 xml 以获取所需的标记，然后更新我的 $（'#followCounter'）.html。那我该怎么做。

这是我当前的jQuery：

var url = 'http://api.twitter.com/1/users/show.xml?screen_name=nightoutinc';    
$.get(url, {
dataType: 'xml',
success: function (twitterAPI){ 
var twitter = $(twitterAPI 'follower_count').html();
$('#followCounter').html(twitter);
alert('success');

}

我没有收到任何控制台错误。XML可以在这里找到：http://api.twitter.com/1/users/show.xml?screen_name=nightoutinc

谢谢布莱恩

Answer 1

您需要使用 JSONP 数据类型进行跨域请求。

http://api.twitter.com/1/users/show.json?screen_name=nightoutinc&callback=??

var url = 'http://api.twitter.com/1/users/show.json?screen_name=nightoutinc&callback=??';
$.getJSON(url,  function(twitterAPI) {
        console.log(twitterAPI)
        var twitter = twitterAPI.followers_count;
        $('#followCounter').html(twitter);
        alert(twitter);

});​

演示