jQuery.getJSON REST访问数据

时间:2015-04-18 18:59:24

标签: javascript jquery json rest

这个json rest对象:

[{"id_film":1,"title":"Forrest Gump","director":"Zameckis","year":"1994","price":"12.00","format":"DVD"},{"id_film":4,"title":"Back to the Future II","director":"Zameckis","year":"1989","price":"9.95","format":"DVD"}]

我正在尝试使用$ getJSON函数在网页中构建响应并将响应放在div id =“films”中,但我不知道如何进入'title'和'director'json属性。

$.getJSON( "http://rest/url", function( data ) {
    var items = [];
    $.each( data, function( title, director ) {
    items.push( "<li id='" + title + "'>" + director + "</li>" );
    });

    $( "<ul/>", {
        "class": "my-new-list",
         html: items.join( "" )
         }).appendTo( "#films" );
   });

在响应中只出现一个无序列表:

[object Object]
[object Object]

我可以做些什么来获取“标题”和“导演”无序列表的列表?

由于

1 个答案:

答案 0 :(得分:2)

试试这个

$.each( data, function( index, value ) {
    items.push( "<li id='" + value.title + "'>" + value.director + "</li>" );
});

each回调需要两个参数indexelement。变量director包含完整对象,因此您获得[object Object](从.toString()返回,因为您尝试将对象转换为String),您需要获取property {1}}来自对象,你可以像我的例子那样做