как передать id из jsp в bootstrap modal удалить подтверждение?

Question

Я пытаюсь передать идентификатор из таблицы в jsp страницы на загрузочном модальный подтверждения удаления ..

это моя кнопка:

<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> 

и это скрипт, который я использовал для invoque 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) 
     { 
     } 
    }); 

}); 
}); 
}); 

это 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) {} 
       }); 
      }); 
    }); 
}); 

И в вашем втором сценарии, с вашим подходом

$('#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