Question

我试图将JSON数据插入我的车把模板中。但是，我无法获取数据。这是我的js文件：

import $ from 'jquery'
import Handlebars from 'handlebars'
import indextmpl from '../templates/index.hbs!text'

let api_url = 'http://127.0.0.1:3000/movies' 

fetch(api_url).then(function(resp) {
  resp.json().then(function(movies) {
    console.log(movies)
    let tmpl = Handlebars.compile(indextmpl)
      for (let movie in movies) {
        let html = tmpl(movie)
          let title = $('#movie_title_main_page').innerHTML = movie.title
          $('#app').append(title)
      }
  })
})

和我的模板文件：

<div id="wrapper">
  <div id="now_playing_section">
    <h1 id="now_playing_header">Now Playing</h1>
        <div id="movie_poster_wrapper">
          <p id="movie_title_main_page"></p>
          <p id="movie_poster"></p>
          <p id="movie_poster_release"></p>
        </div>
  </div>
</div>

我正在使用console.log（电影）来查看我是否可以在控制台中恢复该阵列，并且我看到了这一点：

[Object，Object，Object，Object，Object，Object，Object，Object] 0：Object1：Object2：Object3：Object4：Object5：Object6：Object7：Objectlength：8__proto __：Array [0]

我正在使用$（＆＃39;＃app＆＃39;）。追加（标题）以查看我是否可以获取标题并将其附加到我的index.html文件中的#app div但是它看起来并没有那么远。

所以不确定我做错了什么，但感谢任何帮助，谢谢！

迭代JSON数据并插入车把模板

0 个答案: