我正在使用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标签需要在两个语音标记内,即(&#39;&#39;)海报路径无法访问。
有没有人知道解决这个问题?
谢谢你,保罗
答案 0 :(得分:0)
你已经关闭了,只是错过了几个连接引号:
$( "#poster" ).prepend('<img src="http://image.tmdb.org/t/p/w500/"' + data.poster_path + '" />');