这个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]
我可以做些什么来获取“标题”和“导演”无序列表的列表?
由于
答案 0 :(得分:2)
试试这个
$.each( data, function( index, value ) {
items.push( "<li id='" + value.title + "'>" + value.director + "</li>" );
});
each
回调需要两个参数index
,element
。变量director
包含完整对象,因此您获得[object Object]
(从.toString()
返回,因为您尝试将对象转换为String
),您需要获取property
{1}}来自对象,你可以像我的例子那样做