ajax - Grails，删除按钮与编辑 View 中的“更新”具有相同的形式

Question

我正在尝试在编辑表单中添加一个删除按钮，但没有找到任何有效的方法。我所看到的建议是使用AJAX，但我不知道该如何做。

我不希望在现有的“更新”下方创建另一种表单，但是在“更新”按钮的右侧设置删除按钮似乎是不可能的。
有人有主意吗？

我测试了这个:

            $( document ).ready( function() {
                $('#delete_prod').on('click',function(event) {
                    alert('DELETE!!!');
                    var id=$(this).data('id');
                    var url="${createLink(controller: 'prodBuffer',action:'delete')}/"+id
                    $.ajax({
                        type: 'POST',
                        url: url,
                        success: function(data){
                            $('#results').html(data);
                        }
                    });
                });
            });
        </script> 

<span id="delete_prod" data-id="1">Delete<span>

但是警报不会被触发。

Answer 1

现有表单中的一个按钮将充当“提交”按钮，您可以查看<g:actionSubmit并将其作为删除操作提交，然后在 Controller 中进行控制或使用类似方法-使某些行为像一个按钮，然后使用ajax对其进行操作

<span id="deleteButton" data-id="${instance.id}">Delete<span>

<script>
$('#deleteButton').on('click',function() {
   var id=$(this).attr('data-id');
  var url="${createLink(controller: 'controller',action:'delete')}/"+id
        $.ajax({
            type: 'POST',
            url: url,
            success: function(data){
                $('#results').html(data);
            }
        });
})
<script>