我正在使用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 + '" />');

10-06 04:03