Discussion :

[paintbox]

Bonjour,

J'ai une page qui présente les différents comptes utilisateurs. En cliquant sur l'intitulé "statut actif" d'un utilisateur il est possible de le passer en "statut inactif" et inversement. Visuellement cela ne pose pas de problème, je change de classe css.
Par contre je dois appeler une fonction php pour modifier son statut en base de données.

J'ai fait un script Jquery ci-dessous :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
function toggleAccountStatus(Id){
   var status = $('#'+Id).data('status');
 
   if(status == "Compte actif"){
      $('#'+Id).removeClass('badge bg-success float-end').addClass('badge bg-danger float-end');
      $('#'+Id).data('status', 'Compte inactif');
   }
   else{
      $('#'+Id).removeClass('badge bg-danger float-end').addClass('badge bg-success float-end');
      $('#'+Id).data('status', 'Compte actif');
   }
     $.ajax({
      type:"GET",
      url: 'index.php?action=toggleUserAccountStatus',
      cache: false,
      data: Id,
      dataType: "Json",
      success: function(msg){
 
     }
  });
 }

J'essaie via Ajax d'accéder à ma page index qui contient un routeur qui lui redirige sur la bon fichier php en fonction du type d'action demandé.
Je ne rentre même pas dans la page index.

Quelqu'un aurait-il une idée?

Merci pour votre aide.

[mathieu]

pour suivre les appels AJAX, vous pouvez utiliser l'onglet "Réseau" de la console de développement de votre navigateur.
par exemple avec Firefox, faites Ctrl + Maj + E
https://developer.mozilla.org/fr/doc...ur_r%C3%A9seau

[paintbox]

Merci pour ton aide Mathieu.

J'ai bien un Etat "200 OK" dans l'onglet réseau lorsque je clique sur l'élément de ma page.
Par contre l'url

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 url: "index.php?action=toggleUserAccountStatus"

passée dans l'Ajax n'est pas la bonne. C'est celle de la page courante qui est prise en compte.
Comment cela se fait-il? Est-ce que je peux force qu'il prenne l'url Ajax?

Merci

[mathieu]

la paramètre "url" a l'air d'être bien placé dans votre code.

est ce que le fichier index.php est bien dans le même répertoire que la page où vous appelez ce code ?

[paintbox]

Non, le fichier index.php se trouve 2 niveaux au dessus mais j'ai essayé avec un chemin absolu

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 url: "/index.php?action=toggleUserAccountStatus",

et ça ne change rien.
Je n'ai également pas de message d'erreur (fichier introuvable) dans la console.

La redirection evrs la page index.php ne se fait visiblement pas.

[paintbox]

J'ai fait en sorte de récupérer l'erreur, mais cela ne me dit pas grand chose.
Visiblement j'ai bien une erreur dans la communication Ajax

[mathieu]

j'ai essayé avec un chemin absolu

dans ce cas, l'appel ne se fait pas vers le bon url quand vous regardez dans l'onglet réseau ?

[paintbox]

Oui l'url est correcte dans la fenêtre Réseau



Cela correspond bien

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
$.ajax({
      type:"GET",
      url: 'index.php?action=toggleUserAccountStatus',
      cache: false,
      data: Id,
      dataType: "Json",
      success: function(msg){
 
     }

[mathieu]

cliquez sur la ligne pour voir les détails de la requête.

[paintbox]

J'ai ceci :

[paintbox]

Est-ce que cela pose problème parce que je passe par un routeur qui redirige vers une fonction présente dans une Classe?

[paintbox]

J'ai essayé en isolant la fonction dans un fichier séparé et en appelant directement ce fichier.
Je ne passe plus de paramètre et fais directement l'update en indiquant l'id dans la fonction. Cela ne fonctionne pas.

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
$.ajax({
      method:"GET",
      url: "Library/ToggleUserAccount.php",  
      dataType: "json",
      success: function(success,status){  
         alert('Status : '+ status + success);        
     },
     error : function(xhr)
     {
        console.error("Error in Ajax communication for command");
        console.dir(xhr.responseText);
      }
  });

La fonction :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function ToggleUserAccount(){
    try {
    $id =23;
    $statement = DbConnect::Instance()->prepare("UPDATE useraccount SEt iduseraccountstatus=4 WHERE id= :id");
    $statement->bindParam(':id', $id, PDO::PARAM_INT);
 
    $resultat =$statement->execute();
    if (!$resultat) die("La requête a échouée");
 
    } catch (Exception $ex) {
        echo $ex.Message;
    }
    $statement->closeCursor();
}

Au niveau réseau il trouve bien la fonction (200 OK) et pas de message d'erreur à la console.

[mathieu]

qu'est ce qui ne fonctionne pas ?
dans la capture d'écran on ne voit pas le chemin qui est appelé. on ne peux pas vous aider si vous ne nous donnez pas toutes les informations.

[paintbox]

Le chemin? Tu parles de ceci?

A noter que dans le code Ajax j'ai bien un statut Success qui est retourné mais l'update dans la base de données ne se fait pas.

[mathieu]

oui voilà c'est la partie "filename" qui est la plus importante.
est ce que ce chemin est correct ? il y a des grandes probabilité puisque il y a une réponse avec le code 200.

si c'est le bon fichier, il faut alors débuger le code PHP pour voir à quel moment il y a le souci.
là par exemple le code commence par une requête SQL donc on peut vérifier avec phpmyadmin que la requête fait bien la modification voulue.

[paintbox]

Oui le chemin est correcte.
J'ai déjà testé le query Sql et il fonctionne parfaitement.
Idem pour la connexion à la BD, c'est la même que j'utilise pour mes autres requêtes.

[mathieu]

dans l'onglet réseau, regardez dans la partie "réponse" si vous voyez un des messages de votre code.

[paintbox]

Voici ce que j'ai dans la réponse:



Je n'y vois pas de message de mon code.

[paintbox]

Problème résolu.
Erreur stupide j'ai oublié d'appeler ma fonction pour l'exécuter.
Merci pour ton aide Mathieu