Jquery and play framework 2 javascript router issue
Jquery and play framework 2 javascript router issue
我是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({
...
相关文章:
- 为什么不't Javascript对我的输入值进行了一些重新检查
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- 将函数的上下文应用于javascript变量
- 使用php或javascript从facebook相册URL中删除多余的部分
- 正在添加'X'按钮,在文本字段旁边使用javascript
- 如何在JavaScript中将字符串转换为函数引用
- 模糊事件的Javascript测试
- Javascript更改图标
- 如何将HTML id分配给元素,以及如何将JavaScript应用于元素
- 如何使用WCF服务和javascript表单post上传.doc文件
- javascript结合了数组和字典
- 这是什么 ==- javascript 运算符
- 从javascript创建一个列表
- Jquery and play framework 2 javascript router issue
- 如何与客户端javascript文件交互MongoDB/Express Router文件
- angular ui-router reload with Javascript widget
- angular-ui-router javascript view
- 在Meteor / Flow Router中的每条路由都重新执行Javascript
- 使用javascript中的router.navigation隐藏一些详细信息
- uncatch TypeError:无法读取 javascript / React-router / React 中未定