如何将ID从JSP传递到引导模式删除确认？

Question

我正在尝试将jsp页面中的表中的id传递给删除确认的引导模式。

这是我的按钮：

<button class="btn btn-danger btn-xs" data-title="Delete" data-toggle="modal" data-target="#confirm-delete" data-delete ="${user.id}">
<span class="glyphicon glyphicon-trash"></span>

这是模态：

<div class="modal fade" id="confirm-delete" tabindex="-1"
        role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"
                        aria-hidden="true">×</button>
                    <h4 class="modal-title" id="myModalLabel">Confirm Delete</h4>
                </div>
                <div class="modal-body">
                    <p>You are about to delete a User, this procedure is
                        irreversible.</p>
                    <p>Do you want to proceed ?</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                    <button type="button" class="btn btn-danger btn-ok" id="delBtn">Delete</button>
                </div>
            </div>
        </div>
    </div>

这是我用来调用delete url的脚本：

 $('#confirm-delete').on('show.bs.modal', function(e) {

$('#delBtn').click(function() {
$(document).ready(function() {

    var   deleteid = $(e.relatedTarget).data('delete');

    $.ajax({
        cache: false,
        type: 'POST',
       url:"<c:url value='/supprimer/" + deleteid + "'/>",
        data: ,
        success: function(data) 
        {
       }
    });

});
});
 });

这是调度员控制器：

  @RequestMapping("/supprimer/{id}")
public String removeUser(@PathVariable("id") int id){

    this.userService.deleteData(id);
    return "redirect:/utilisateurs";
}

我的工作似乎是合乎逻辑的：//但我不知道为什么这不起作用？

我也尝试过此script但没有用：

     $('#confirm-delete').on('show.bs.modal', function(e) {
    var deleteid = $(e.relatedTarget).data('delete');
    alert(deleteid);

 $('#delBtn').attr('onClick', "location.href="<c:url value='/supprimer/" + deleteid + "'/>"");
 }); 

有什么帮助吗？

Answer 1

这个脚本完全颠倒了

$('#confirm-delete').on('show.bs.modal', function(e) {
    $('#delBtn').click(function() {
        $(document).ready(function() {
            var deleteid = $(e.relatedTarget).data('delete');
            $.ajax({
                 cache: false,
                 type: 'POST',
                 url: "<c:url value='/supprimer/" + deleteid + "'/>",
                 data: ,
                 success: function(data) {}
            });
        });
    });
});

整个脚本应放在$(document).ready(function() {}

上面的脚本应该是

$(document).ready(function() {
    $('#confirm-delete').on('show.bs.modal', function(e) {
            var deleteid = $(e.relatedTarget).data('delete');
            $('#delBtn').click(function() { //beter if use `onClick` function
                $.ajax({
                     cache: false,
                     type: 'POST',
                     url: "<c:url value=/supprimer/" + deleteid + "/>", //there were also extra commas here
                     data: ,
                     success: function(data) {}
                });
            });
    });
});

在第二个脚本中，使用您的方法

$('#confirm-delete').on('show.bs.modal', function(e) {
  var deleteid = $(e.relatedTarget).data('delete');
  alert(deleteid);
  $('#delBtn').attr('onClick', "location.href='<c:url value=/supprimer/" + deleteid + "/>'");
});

或者尝试这样

$('#confirm-delete').on('show.bs.modal', function(e) {
  var deleteid = $(e.relatedTarget).data('delete');
  alert(deleteid);
  $('#delBtn').attr('onClick', "location.href='/supprimer/" + deleteid + "'");
});

脚本中的问题您有多余的逗号，应检查控制台并渲染HTML