Discussion :

[stefano]

bonjour a tous,

J'ai besoin de vos lumières pour m'aider à avancer sur un projet.

Le projet est basé sur un pseudo MVC.
Dans une vue, j'ai un formulaire php dans lequel l'utilisateur final doit saisir un N° de devis. Afin de vérifier que le N° n'est pas déjà dans la BDD (MySQL), j'utilise de l'ajax pour faire appel à une autre page php qui exécute la requête SQL pour vérifier que le N° n'est pas déjà affecté a un autre dossier.
La requête s’exécute à la perte du focus du champs de saisie.

J'arrive à aller jusqu'à l’exécution de la requête SQL qui interroge la BDD, par contre comment je peux faire pour retourner la valeur de cette requête dans du javascript pour faire une alerte utilisateur l'informant que le N° de devis existe déjà et remettre le champs à vide.

Merci par avance pour votre aide précieuse et bonne journée a tous

[grunk]

Tu fais simplement un echo dans ta page php que tu analyses ensuite en javascript.

Après selon les besoins tu fait un echo de texte , de json ,d'xml ...

Requete.php:

Code :

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

1
2
3
4
$sql->query('...');
//Traite le résultats
//Retourne une information à JS , ici du json
echo json_encode(array('exists'=>1,'id'=>10));

Coté javascript (ici du jquery pour aller vite)

Code javascript :

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

1
2
3
4
5
6
7
$.post('requete.php',function(data){
    if(data.exist == 1) {
        alert('erreur existe');
    } else {
        alert('OK');
    }
},'json');

[papajoker]

Bonjour,

Perso j'essaie d'avoir toujours la même structure de réponse pour mes ajax : ce qui simplifie de beaucoup mes js(tous les mêmes) :

Code :

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

echo json_encode(array('error'=>1, 'data'=>10, 'msg'=>'Param mal formaté'));

Code javascript :

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

1
2
3
4
5
6
if(data.error != 0) {
        alert( data.msg );
    } else {
        //alert( data.msg);
        var x = data.data;
    }

[stefano]

Bonjour et merci pour vos réponses,

je viens d'essayé de mettre en application vos conseil mais je n'y arrive pas. C'est aussi la première fois que j'utilise JSON.

Si vous pouvez m'aider s'il vous plait je vous en remercie par avance

voila le contenu de la page appelée

verifNumDevis.php

Code :

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

1
2
3
4
5
6
$pdo = PDOIbgn::getPDOIBGN();
 
$numDevis = $_GET['action'];
 
$req = "SELECT numDevis FROM commande WHERE numDevis= " . $numDevis;
$ligneRetournee = $pdo->requeteCompteur($req);

$ligneRetournee contient bien le résultat de la requete par exemple :

Code :

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

1
2
3
$ligneRetournee	array[2]
[numDevis]	string	"1"
[0]	string	"1"

la page contenant le JS

Code javascript :

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

1
2
3
4
5
6
7
$.post('index.php?page=verif&action=' + escape(numero), function(data) {
        if (data.exist == 1) {
            alert('erreur');
        } else {
            alert('ok');
        }
    }, 'json');

'index.php?page=verif&action=' + escape(numero) redirige vers 'index.php?page=verif&action=1" si dans la zone de saisie, l'utilisateur tape 1

Lorsque j'arrive sur le $.post je ne rentre pas dans la fonction, j'ai mis un alert avant le if et je n'ai pas d'alert.

Pouvez vous m'aider s'il plait

merci par avance

[papajoker]

Mais il ne manque pas le retour en json ?

Code :

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

1
2
3
$ligneRetournee = $pdo->requeteCompteur($req);
echo json_encode(array('exist'=>1,'ligne'=>$ligneRetournee));
exit;

et appel jquery est un get ici

Code javascript :

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

1
2
3
4
5
6
7
$.get('index.php?page=verif&action=' + escape(numero), function(data) {
 if (data.exist != 1) {
            alert('erreur');
        } else {
            alert(data.ligne);
        }
    }, 'json');

[stefano]

Bonjour papajoker,

Pour le retour en json, je l'avais bien mis mais oublié de le recopier dans mon post précédent.

j'ai modifier le .post en .get mais rien ne change, je n'entre pas dans la fonction
après $.get('index.php?page=verif&action=' + escape(numero), function(data), j'ai remis une alerte mais j'ai aucun affichage.
et lorsque je debbug je passe bien sur $.get.....{
et je sors aussitot

vous n'auriez pas une idée sur l'origine de ça par hasard ?

Je vous remet les extraits de code

verifNumDevis.php

Code :

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

1
2
3
4
5
6
7
8
$pdo = PDOIbgn::getPDOIBGN();
 
$numDevis = $_GET['action'];
 
$req = "SELECT numDevis FROM commande WHERE numDevis= " . $numDevis;
$ligneRetournee = $pdo->requeteCompteur($req);
 
echo json_encode(array('exist' => 1, 'lignes' => $ligneRetournee));

sur echo json-encode, je passe bien dessus lorsque je fais du pas à pas.
et j'ai supprimer la fonction exit car je sors du programme

action.js

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
function verifNumDevis(numero) {
    file('index.php?page=verif&action=' + escape(numero));
    $.get('index.php?page=verif&action=' + escape(numero), function(data) {
        alert('erreur');
        if (data.exist != 1) {
            alert('erreur');
        } else {
            alert(data.ligne);
        }
    }, 'json');

file('index.php?page=verif&action=' + escape(numero)); me sert pour créer la fonction xhr_object.open

merci pour votre aide

[grunk]

file('index.php?page=verif&action=' + escape(numero)); me sert pour créer la fonction xhr_object.open

Le code donné pour la requête ajax c'est du jquery donc si tu n'utilise pas jquery mais les objet xhr standard, ca risque pas de marcher

Si erreur js il y'a elle doivent apparaître dans la console des outils de dev de ton navigateur.

[stefano]

bonjour Grunk,

Dans la console je n'ai aucun message d'erreur

[papajoker]

Pour l'ajax,

il faut utiliser l'outil développeur pour du debug.

sous chrome (dans menu Outils):
onglets Network - XHR ; puis actualiser
doit apparaitre la requete ajax :
il est possible de voir le retour de la requete

Il est possible de voir si erreur javascript : onglet "Console"

[stefano]

bonjour papajoker

Je viens de debbugger l'appli avec Chrome et lorsque je vais sous l'onglet Reponse dans NetWok après avoir sélectionner XHR (aussi bien dans la liste des fichiers que dans la barre d'état ) seul ke code d'instanciation de l'objet xhr est affiché.
Sous console j'ai ceci

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
XHR finished loading: "http://localhost:81/RapportIBGN/index.php?page=verif&action=1". action.js:204
file action.js:204
verifNumDevis action.js:176
onkeyup index.php:120
XHR finished loading: "http://localhost:81/RapportIBGN/index.php?page=verif&action=1". jquery-1.10.2.min.js:6
send jquery-1.10.2.min.js:6
x.extend.ajax jquery-1.10.2.min.js:6
x.(anonymous function) jquery-1.10.2.min.js:6
verifNumDevis action.js:177
onkeyup

Je ne vois aucune erreur.

[stefano]

Re bonjour a tous,

C'est bon, j'arrive a voir la réponse dans le debug de Chrome.
Par contre comment faire pour exploiter cette réponse ?

Merci par avance

[papajoker]

action.js

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
function verifNumDevis(numero) {
//    file('index.php?page=verif&action=' + escape(numero));
    $.get('index.php?page=verif&action=' + escape(numero), function(data) {
        //alert('ajax envoyé');
        if (data.exist != 1) {
            alert('erreur');
        } else {
            console.log(data);
            alert(data.ligne);
        }
    }, 'json');

file() est aussi un appel ajax donc il faut choisir ici avec jquery

tu paux faire des console.log(data); pour voir dans la console de debug le retour