Jquery and play framework 2 javascript router issue

Jquery and play framework 2 javascript router issue

本文关键字:javascript router issue framework and play Jquery      更新时间:2023-09-26

我是Javascript的新手,并试图实现AJAX生成的html DELETE请求到Play 2 Framework服务器。在 Scala 模板中,我现在有这个。它打印我的模型类的所有字段Item然后我需要使用 JQuery 处理a href的单击。

如何修复代码并将适当的item.id传递到 AJAX 请求中?

@(item: Item)
<ul>
  @for(field <- item.getClass().getFields()) {
    <li>@field.getName() = @field.get(item)</li>
  }
</ul>
<a href="#" data-id="@item.id" id="delete">delete</a>

   <script type="text/javascript">
    $("#delete").click(function() {
        var id = $(this).attr("data-id");
        alert(id);
        jsRoutes.controllers.Items.delete(id).ajax({});
        return false;
    });
   </script>

此链接非常有用,但没有详细提供集成jquery和javascript路由器的示例:

Play 2.x:如何使用通用按钮发出 AJAX 请求

您可以将 id 作为属性添加到删除链接中:

<a href="#" data-id="@item.id">delete</a>

然后在你的js中使用jquery阅读它,如下所示:

$('delete').click( function() {
    var id = $(this).attr("data-id");
    jsRoutes.controllers.Application.Items.delete(id).ajax({
    ...