Wie ID von Jsp zu Bootstrap Modal löschen Bestätigung übergeben?

Question

Ich versuche, eine ID aus einer Tabelle in einer jsp Seite einen Bootstrap-modal von Löschbestätigung zu passieren ..

das ist meine Schaltfläche:

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

und das ist die modal:

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

und dies ist ein Skript, das ich verwendet habe 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) 
     { 
     } 
    }); 

}); 
}); 
}); 

dies ist der dispacher Controller:

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

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

meine Arbeit scheint logisch zu sein:/aber ich weiß nicht, warum das nicht funktioniert?

Ich habe versucht, diese script auch, aber es hat nicht funktioniert:

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

Jede Hilfe bitte?

Answer 1

Dieses Skript

Kopf vollständig nach unten

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

ganze Skript sollte drin sein $(document).ready(function() {}

oben Skript

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

Und in Ihrem zweiten Skript sein sollte, mit Ihrem Ansatz

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

oder zu versuchen, wie diese

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

Problem in Ihren Skripten Sie zusätzliche Komma haben, sollten Sie die Konsole und gerenderte HTML überprüfen