javascript - javascript 忽略字符串中的字符

标签 javascript jquery ajax json

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

关于javascript - javascript 忽略字符串中的字符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28888516/

相关文章:

javascript - 使用按钮和ajax删除mysql

jquery - 使用jquery过滤同时列表时出现的问题

jquery - 当我使用 .ajax 和 JSONP 时,如何处理失败的 JSON 请求?

jquery - 只有一个 div 使用 AJAX、jQuery 和 Circliful jQuery 插件填充

javascript - 如何使用 XPath 访问 FireFox 中的 xml 属性?

jquery - Bootstrap标签输入如何捕获标签点击事件

javascript - 点击状态;表单控件组的样式

JavaScript 事件传播不适用于 Firefox 上的 HTML 按钮子元素。

javascript - 如何取消正在进行的 http 调用解析或拒绝 Angular 组件的 onDestroy

javascript - 仅当字符串文件名具有 .jpg 或 .png 扩展名时才使用正则表达式进行替换