Play Framework 中 AJAX 调用的部分渲染

Question

我在这里看到了一些类似的问题，但它们都没有真正帮助解决我的问题。

我在页面上有一个表格和一个需要在点击时重新呈现表格的按钮（使用不同的分页参数、排序等）。

我尝试了几种方法，并且成功地将值传递给具有嵌入式 js 路由器的控制器，但是由于这些值是通过 ajax 调用传递到后端的，因此我无法重新呈现表格。

我的嵌入式路由器如下所示：

@helper.javascriptRouter("jsRoutes")(
    routes.javascript.UserController.getUsers
)

我会从页面中调用它，例如： $.ajax(jsRoutes.controllers.UserController.getUsers(3, true, "login"));

现在，最后但同样重要的是，我想用 getUsers() 调用的结果重新渲染表格。

简单调用：

public Result getUsers(int size, boolean isAsc, String sortBy) {
    ......
    Logger.info("Returning " + size + " users");
    return Results.ok(usersPage.render(userDtos));
}

对我不起作用。

Answer 1

有几种方法。

最简单的方法是使用播放控制器以 HTML 格式呈现表格，然后使用 $('#mytable').load(...) 将其拉到您的页面上。

更灵活的是有一个播放控制器，它返回JSON format中的数据，然后在浏览器中将其转换为HTML。这可以手动完成，使用客户端模板引擎（例如 http://handlebarsjs.com/）或使用完整的 javascript 框架（如 AngularJS 或 Ember.js）。