1

我正在尝试对 Justin TV API 进行简单的 AJAX 调用，这似乎一直在失败。

使用 进行 AJAX 调用时url1，控制台报Object { readyState=4, status=200, statusText="success"}，但属于 AJAX 调用的错误函数。使用浏览器访问 URL 时，我注意到返回的数据是[{ ... json ...}].

使用 'url' 进行 AJAX 调用时，调用通过，进入成功函数。我注意到返回的对象是{ ...json... }.

如何从 AJAX 请求中获取有效的 JSON 对象url1？

这是我正在做的事情的一个片段：

var url1 = "http://api.justin.tv/api/stream/list.json"
var url = "https://api.twitch.tv/kraken/streams/";

channelNames = "";
for (channelName in streams)
{
    channelNames = channelNames + ',' + channelName;
}
channelNames = channelNames.slice(1);
console.log(channelNames);
console.log(url1);
$.ajax({
    url: url1,
    type: 'GET',
    crossDomain: true,
    dataType: 'jsonp',
    data: { channel : channelNames },
    success: function(data) 
    {
        console.log(data);
        if(data.streams.length > 0)
        {
            $("#streamStatus").html("<ul class='zebra'>");          
            for(i = 0; i < data.streams.length; i++)
            {
                stream = data.streams[i];
                channel = data.streams[i].channel;
                listItem = "<li id='stream"+i+"'>";
                streamName = "<span class='name'>" + streams[stream.name.slice(10)] + "</span>";
                viewers = "<span class='viewers'>viewers:" + stream.viewers + "</span>";
                gameName = "<div class='game'>" + ((channel.game != null) ? channel.game : "No Game Specified") + "</div>";
                listItem += streamName + viewers + gameName + "</li>"; 
                screenCap = "<div class='screenCap' style='display:none;'>" + channel.screen_cap_url_small + "</div>"
                $("#streamStatus ul.zebra").append(listItem);
                $("#streamStatus ul.zebra").append(screenCap);
                //console.log(channel);
            }
            $("#streamStatus").append("</ul>");
        }
    },
    error: function(data) 
    { 
        console.log(data);
    }

编辑：这是工作解决方案......

var url1 = "http://api.justin.tv/api/stream/list.json"
var url = "https://api.twitch.tv/kraken/streams/";

channelNames = "";
for (channelName in streams)
{
    channelNames = channelNames + ',' + channelName;
}
channelNames = channelNames.slice(1);
console.log(channelNames);
console.log(url1);
$.ajax({
    url: url1,
    type: 'GET',
    crossDomain: true,
    dataType: 'jsonp',
    jsonp: 'jsonp',
    data: { channel : channelNames },
    success: function(data) 
    {
         ...
    },
    error: function(data) 
    { 
        console.log(data);
    }
4

1 回答 1

1

你jsonp在通话dataType中传递。ajax它们不可互换。

正如您自己所注意到的，从返回的数据url1是 JSON，而不是JSONP：JSONP 需要将返回的 JSON 数据包装在 javascript 函数调用中。

像这样dataType和响应正文中的数据不匹配总是会导致ajax调用失败。

于 2012-07-29T21:36:08.470 回答