Question

我有一个监护人json数据源，我想在线浏览我的页面。

http://content.guardianapis.com/world/cuba?format=json&show-fields=trail-text%2Cheadline&order-by=newest&api-key=c3rr449rqqebmuxua9k5mdcz

我已经使用过这个javascript但似乎没有任何工作可以从json中获取正确的内容;

$(document).ready(function() {  
$.ajax({
    type: "GET",
    dataType: "jsonp",
    cache: false,
    url: "http://content.guardianapis.com/world/cuba?format=json&show-fields=trail-text%2Cheadline&order-by=newest&api-key=c3rr449rqqebmuxua9k5mdcz",
    success: function(data) {
        for (var i = 0; i < 12; i++) {
        $("#cuban-news").append("<div class='guardian'><a target='_blank' href='" + webTitle + "'>Link</a></div>");
        }
        console.log(data);
    }
});

}）;

这不会引起任何错误。

我最好使用像骨干或下划线这样的js服务吗？

任何帮助都会令人惊讶。

Answer 1

使用

data.response.results[i].webTitle

而不是

webTitle

错误是 未捕获的ReferenceError：未定义webTitle

$(document).ready(function() {  
$.ajax({
    type: "GET",
    dataType: "jsonp",
    cache: false,
    url: "http://content.guardianapis.com/world/cuba?format=json&show-fields=trail-text%2Cheadline&order-by=newest&api-key=c3rr449rqqebmuxua9k5mdcz",
    success: function(data) {
        for (var i = 0; i < data.response.results.length; i++) {
        $("#cuban-news").append("<div class='guardian'><a target='_blank' href='" 
            + data.response.results[i].webTitle + "'>Link</a></div>");
            }
            console.log(data);
        }
    });
 });

JSFiddle

来自Guardian API的Json数据

1 个答案: