Suppression d'une ligne en AJAX/PHP

Bonjour à tous,

Je cherche à supprimer une sous catégorie de mon WMS. Je câle un peu en AJAX...
Je suis censé appuyer sur un boton qui m'ouvre un modal me demandant si je souhaite confirmer la suppression qui sans rechargé la page effectuera la suppression de la ligne. Mais là, rien.
Voici un peu de code.
Quelqu'un saurait me dire d'ou vient le problème ?

Mon categorie.js

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
 
////////////// SUPPRIMER SOUS CATEGORIE //////////////////
 
function removeSousCategories(souscategoriesId = null) {
 $("removeSousCategoriesBtn").click(function(){
   var SupSSC = $(this).attr('id');
 
   $.ajax({
      type:'POST',
      url:'supprimerSousCategorie.php',
      data:'souscategoriesId='+SupSSC,
      	success:function(data) {   // Check au niveau de la fonction response maybe - non déclaré
						if(data.success == true) {
 							// remove categories btn
							$("#removeSousCategoriesBtn").button('reset');
							// close the modal 
							$("#removeSousCategoriesModal").modal('hide');
							// update the manage categories table
							manageCategoriesTable.ajax.reload(null, false);
							// udpate the messages
							$('.remove-messages').html('<div class="alert alert-success">'+
	            '<button type="button" class="close" data-dismiss="alert">&times;</button>'+
	            '<strong><i class="glyphicon glyphicon-ok-sign"></i></strong> '+ response.messages +
		          '</div>');
 
	  	  			$(".alert-success").delay(500).show(10, function() {
								$(this).delay(3000).hide(10, function() {
									$(this).remove();
								});
							}); // /.alert
 						} else {
 							// close the modal 
							$("#removeSousCategoriesModal").modal('hide');
 
 							// udpate the messages
							$('.remove-messages').html('<div class="alert alert-success">'+
	            '<button type="button" class="close" data-dismiss="alert">&times;</button>'+
	            '<strong><i class="glyphicon glyphicon-ok-sign"></i></strong> '+ response.messages +
		          '</div>');
 
	  	  			$(".alert-success").delay(500).show(10, function() {
								$(this).delay(3000).hide(10, function() {
									$(this).remove();
								});
							}); // /.alert
 						} // /else
 
			} // /success function
   });

Ma structure HTML

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
<div id="AffSSCat" name="AffSSCat">	
	<div class="form-group">
	<label for="editSousCategoriesName" class="col-sm-4 control-label">Sous-catégorie 3</label>
	<label class="col-sm-1 control-label">: </label>
	<div class="col-sm-6">
	<input class="form-control" id="editSousCategoriesName[90]" name="editSousCategoriesName[90]" placeholder="sousTestH3" value="sousTestH3" type="text">
	<input name="editSousCategoriesId[90]" id="editSousCategoriesId[90]" value="90" type="hidden">
	</div>
	<div class="col-sm-1">
	<button class="btn btn-default removeProductRowBtn" type="button" id="removeProductRowBtn" onclick="removeProductRow('90')">
	<i class="glyphicon glyphicon-trash"></i></button>
	<button type="button" class="delete_class" id="90">90</button>
	</div>
	</div><!-- /form-group-->
</div>
 
<!-- DEBUT SUPPRIMER SOUS CATEGORIE-->
 
<div class="modal fade" tabindex="-1" role="dialog" id="removeSousCategoriesModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title"><i class="glyphicon glyphicon-trash"></i> Supprimer la sous-catégorie</h4>
      </div>
      <div class="modal-body">
        <p>Voulez-vous supprimer la sous catégorie ?</p>
      </div>
      <div class="modal-footer removeSousCategoriesFooter">
        <button type="button" class="btn btn-default" data-dismiss="modal"> <i class="glyphicon glyphicon-remove-sign"></i> Annuler</button>
        <button type="button" class="btn btn-primary" id="removeSousCategoriesBtn" data-loading-text="Loading..."> <i class="glyphicon glyphicon-ok-sign"></i> Supprimer la sous catégorie</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
 
<!-- FIN SUPPRIMER SOUS CATEGORIE-->

Et mon supprimersouscategorie.php

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<?php 	
 
require_once 'core.php';
 
 
$valid['success'] = array('success' => false, 'messages' => array());
 
$souscategoriesId = $_POST['souscategoriesId'];
 
if($souscategoriesId) { 
 
 $sql = "DELETE FROM souscategories WHERE souscategories_id = {$souscategoriesId}";
 
 
 if($connect->query($sql) === TRUE) {
 	$valid['success'] = true;
	$valid['messages'] = "Supprimé avec succés";		
 } else {
 	$valid['success'] = false;
 	$valid['messages'] = "Erreur lors de la suppression";
 }
 
 $connect->close();
 
 echo json_encode($valid);
 
} // /if $_POST