我正在使用 themoviedb.org API,它提供了返回电影等数据的 JSONP API。
我正在尝试创建一个可以搜索电影的表单,它将根据查询返回 5 个最相关的电影标题。
目前我正在使用:
success: function(parsed_json) {
console.log(parsed_json);
$(".search").append("<li data-id=" +parsed_json["results"]["0"]["id"]+ ">" + parsed_json["results"]["0"]["original_title"] + "</li>");
$(".search").append("<li data-id=" +parsed_json["results"]["1"]["id"]+ ">" + parsed_json["results"]["1"]["original_title"] + "</li>");
$(".search").append("<li data-id=" +parsed_json["results"]["2"]["id"]+ ">" + parsed_json["results"]["2"]["original_title"] + "</li>");
$(".search").append("<li data-id=" +parsed_json["results"]["3"]["id"]+ ">" + parsed_json["results"]["3"]["original_title"] + "</li>");
$(".search").append("<li data-id=" +parsed_json["results"]["4"]["id"]+ ">" + parsed_json["results"]["4"]["original_title"] + "</li>");
$(".search").append("<li data-id=" +parsed_json["results"]["5"]["id"]+ ">" + parsed_json["results"]["5"]["original_title"] + "</li>");
}
用 data-id = 电影 id 附加所有电影标题。这似乎是很多编码,我想知道是否有一种方法可以使用 each() 来附加前 5 个相关的电影标题。
JSONP API 信息:http: //help.themoviedb.org/kb/api/jsonp
工作 JSFiddle:http: //jsfiddle.net/javascript/5ApuF/
编辑:
我试过了:
success: function(parsed_json) {
var textToInsert = [];
var i = 0;
var length = parsed_json.length;
for (var a = 0; a <length; a += 1) {
textToInsert[i++] = '<li>';
textToInsert[i++] = parsed_json[a];
textToInsert[i++] = '</li>' ;
}
$('.search').append(textToInsert.join(''));
}