javascript - JQuery 函数不返回 JSON 列表 - Play Framework、JPA

Question

我对 Play 还很陌生，正在尝试逐步完成 Youtube 介绍视频 ( https://www.youtube.com/watch?v=bLrmnjPQsZc ) 中的练习。

我做了一些不同的事情。 1) 我正在使用更新版本的 Play(2.5 左右)。我还使用 JPA 而不是 eBean 作为持久层，并使用本地 Postgres DB 而不是 h2 内存数据库。不过，这不应该影响我的问题。

基本上，我添加了一个“/persons”GET 端点，它以 JSON 格式返回 Person 表中的人员。我已确认此操作有效并返回有效的 JSON。

但是，我的 JQuery 似乎没有达到它。根据本教程，我已经在 Coffeescript 中编写了查询，现在正在检查它编译成的 Javascript。

这是 CoffeeScript :

$ ->
  $.get "/persons", (persons) ->
    $.each persons, (index, person) ->
      $('#persons').append $("<li>").text person.name

这是翻译后的 JavaScript(如预期位于 http://localhost:8080/assets/js/index.js):

(function() {
  $(function() {
    return $.get("/persons", function(persons) {
      return $.each(persons, function(index, person) {
        return $('#persons').append($("<li>").text(person.name);
      });
    });
  });

}).call(this);

//# sourceMappingURL=index.js.map

这是我的模板:

@(message: String)

@main("Welcome to Play") {

    <script type='type/javascript' src='@routes.Assets.versioned("js/index.js")'></script>

    <ul id="persons"></ul>

    <form action="@routes.HomeController.addPerson()" method="post">
    <input type="text" name="name" />
    <button>Add Person</button>
    </form>

}

“添加人员”正在运行。当我手动执行 http://localhost:8080/persons 时，我能够保留 Persons 并看到他们在我的浏览器中。

显然，我的 JavaScript 技能不是那么强，因此，如果您能提供有关可能出现问题或如何进一步排除 li 未填充原因的帮助，我们将不胜感激。

Answer 1

看起来最后缺少一个右括号。

(function() {
  $(function() {
    return $.get("/persons", function(persons) {
      return $.each(persons, function(index, person) {
        return $('#persons').append($("<li>").text(person.name)); //here
      });
    });
  });
}).call(this);

https://jsfiddle.net/8va4k4wu/2/