使用AJAX抓取JSON数据

时间:2014-04-16 14:09:22

标签: javascript jquery ajax json

我有一个JSON URL,我需要从中获取变量并将它们用作jQuery stings。我尝试了几种不同的方法,但都不成功。

方法1

    $.getJSON('http://radio.silvertoneradio.com/rpc/incoleyl/streaminfo.get', function(data) {
      alert(JSON.stringify(data))
    });

Resilt

我收到200 OK消息,但我没有收到任何数据。

方法2

$.ajax({
            url:"http://radio.silvertoneradio.com/rpc/incoleyl/streaminfo.get",
            dataType:'jsonp',
            success:function(data){
                var obj = jQuery.parseJSON(data);
                alert(obj.title);
            }
        });

结果

我收到200 OK,但obj值为NULL

方法3

    $.getJSON("http://radio.silvertoneradio.com/rpc/incoleyl/streaminfo.get",function(ajaxresult){
        window.artist = ajaxresult.track.artist;
    });

Resilt

我收到200 OK消息,但我没有收到任何数据。

1 个答案:

答案 0 :(得分:3)

您没有注意服务返回的JSON对象。

您要查找的是返回对象的data属性,该属性是一个数组。

这样的事情可行:

$.ajax({
    url: "http://radio.silvertoneradio.com/rpc/incoleyl/streaminfo.get",
    dataType: 'jsonp',
    success: function (data) {
        console.log(arguments);
        alert(data.data[0].title);
    }
});

JSFiddle to demo