jspからidをブートストラップモーダル削除確認に渡す方法は？

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をinvoqueするために使用しましたスクリプトです：

$('#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) 
     { 
     } 
    }); 

}); 
}); 
}); 

これはdispacherコントローラーです：

@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) {} 
       }); 
      }); 
    }); 
}); 

そして、あなたの2番目のスクリプトでなければなりません

$('#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 + "/>'"); 
}); 

ORあなたは余分なカンマを持っているあなたのスクリプトでこの

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

問題のような試みは、コンソールおよびレンダリングされたHTML

をチェックする必要があります