我正在使用themoviedb API,并尝试通过它们提供的JSON数据将电影海报附加到网页上。
我的代码是:<div id="poster"></div>
JS / jQuery代码如下所示
$(document).ready(function(){
$( "#form" ).submit(function() {
( result = $("input:first" ).val());
console.log(result)
// var result = 122;
$.ajax({
url: "https://api.themoviedb.org/3/movie/" + result + "?api_key=###",
dataType:"jsonp"
}).done(function(data) {
console.log(data)
$( "#poster" ).empty();
$( "#poster" ).prepend('<img src="http://image.tmdb.org/t/p/w500/" + data.poster_path />');
});
});
});
张贴者路径由API提供,完整路径如下所示
http://image.tmdb.org/t/p/w500/1l3WpoF7TX9pOprX4XepCXjQXUV.jpg
最后一部分是海报路径。我遇到的困难是我想在末尾添加发布者路径,但是由于img标签必须位于两个语音标记内,即无法访问发布者路径。
有谁知道解决这个问题的方法吗?
谢谢保罗
最佳答案
您接近了,只是缺少几个引号来串联:
$( "#poster" ).prepend('<img src="http://image.tmdb.org/t/p/w500/"' + data.poster_path + '" />');