Appel d'une fonction php en Ajax

Version imprimable

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:

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.

19/04/2021, 12h56
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
19/04/2021, 14h20
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:

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
19/04/2021, 14h40
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 ?
19/04/2021, 14h55
paintbox

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

Code:

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.
19/04/2021, 15h45
paintbox

1 pièce(s) jointe(s)

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
Pièce jointe 596013
19/04/2021, 16h45
mathieu

Citation:

Envoyé par paintbox

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 ?

1 pièce(s) jointe(s)

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

Pièce jointe 596026

Cela correspond bien
Code:

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

19/04/2021, 17h55
mathieu

cliquez sur la ligne pour voir les détails de la requête.
19/04/2021, 18h02
paintbox

1 pièce(s) jointe(s)

J'ai ceci :
Pièce jointe 596035
19/04/2021, 22h02
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?

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:

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:

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.

20/04/2021, 09h29
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.
20/04/2021, 09h35
paintbox

1 pièce(s) jointe(s)

Le chemin? Tu parles de ceci?
Pièce jointe 596072
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.
20/04/2021, 09h49
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.
20/04/2021, 12h20
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.
20/04/2021, 12h43
mathieu

dans l'onglet réseau, regardez dans la partie "réponse" si vous voyez un des messages de votre code.
20/04/2021, 13h43
paintbox

1 pièce(s) jointe(s)

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

Pièce jointe 596108

Je n'y vois pas de message de mon code.
21/04/2021, 14h49
paintbox

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