javascript - 如何从 JSON 响应中提取文本？

Question

我正在尝试制作使用 goo.gl API 的 url 缩短器。但是当我必须从 JSON 响应中获取短 URL 时，我卡住了！

在 Chrome 控制台中输入此代码后：

var longURL = "http://stackoverflow.com/questions/ask"
$.ajax({
                url: 'https://www.googleapis.com/urlshortener/v1/url?shortUrl=http://goo.gl/fbsS&key=AIzaSyANFw1rVq_vnIzT4vVOwIw3fF1qHXV7Mjw',
                type: 'POST',
                contentType: 'application/json; charset=utf-8',
                data: '{ longUrl: "' + longURL +'"}',
                dataType: 'json',
                success: function(response) {
                    var result = JSON.parse(response); 
                }
            });

我得到以下输出：

我看到我的短网址在resoinseText.id. 如何从那里提取它？

Answer 1

您不需要调用JSON.parse()，因为 jQuery 会在您指定dataType: 'json'. 然后，您想要的值将在 的id属性中response。

var longURL = "http://stackoverflow.com/questions/ask"
$.ajax({
    url: 'https://www.googleapis.com/urlshortener/v1/url?shortUrl=http://goo.gl/fbsS&key=AIzaSyANFw1rVq_vnIzT4vVOwIw3fF1qHXV7Mjw',
    type: 'POST',
    contentType: 'application/json; charset=utf-8',
    data: '{ longUrl: "' + longURL +'"}',
    dataType: 'json',
    success: function(response) {
        console.log(response.id);
    }
});