Données retournées $.ajax()

Version imprimable

Bonjour à tous,

Je suis à la recherche de clarifications sur cette méthode.

J'ai écris quelques ligne mais je comprends pas le retour.

Dans la variable de retour data quand j'utilise directement la méthode alert(data) je retrouve mon en-tête et mes données, et si je veux accéder avec data.retour_js je n'es rien.

Si quelqu'un y comprends quelque chose et si il veut bien m'expliquer merci de me faire signe.

Code html/js :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<table width="100%" height="100%">
    <tbody>
        <tr>
            <td valign="top" width="100%" height="100%">
                <form id="webform_creation_user_account" method="post" enctype="multipart/form-data" >
                   <p>
                      <label for="pseudo">Pseudo :</label>
                      <input type="text" name="pseudo" id="pseudo" />
                      <label for="pass">Mot de passe :</label>
                      <input type="password" name="pass" id="pass" />
                      <input type="submit" value="Valider" />
                   </p>
                <p class="invalide_mail">Adresse Mail invalide</p>
                <p class="invalide_password">6 caractères minimum</p>
                </form>
            </td>
        </tr>
    </tbody>
</table>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$('#pseudo').on('blur', function(){
	if ($('#pseudo').val().length<5) 
	{
		$('.invalide_mail').css('display','inline-block');
	}
	else
	{
		$('.invalide_mail').css('display','none');
		$.ajax({
			type:"POST",
			url:"http://127.0.0.1/Web/user/signup/traitements/verif_id.php",
			data:{pseudo:$('#pseudo').val()},
			}).done(
			   function(data)
			   {
			       var t=JSON.stringify(data);
			       alert(data);
			   }
			);

Code 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
<!DOCTYPE html>
<?php
 
try
{
	$bdd = new PDO('mysql:host=127.0.0.1;dbname=web', 'root', '');
}
	catch(Exception $e)
{
	die('Erreur :'.$e->getMessage());
}
$req_recuperation_id = $bdd->prepare('SELECT id_users FROM users WHERE id_users = ?');
$id = htmlspecialchars(stripslashes($_POST['pseudo']));
$req_recuperation_id->execute(array($id));
if (!$req_recuperation_id->rowCount())
{
	$retour_js = array ('verif' =>'');
	echo json_encode($retour_js);
}
else {
	$retour_js = array ('verif' =>'true');
	echo json_encode($retour_js);
}

Merci d'avance à ceux qui m'aideront à y voir plus clair.

Bonne journée à tous.

Code:

1
2
3
4
function( data ){
   console.log( data ) ; //ouverture console par F12. contenu ?
   console.log( $( data ).find( "verif" ) ); // contenu ?
}

Merci pour t'as réponse Daniel j'ai insceré ton code voilà ce que j'ai dans la console :

POST http://127.0.0.1/Web/user/signup/tra...s/verif_id.php

200 OK 7ms
jquery.min.js (ligne 5)

Réponse

{"verif":"true"}

Citation:

Error: Syntax error, unrecognized expression: {"verif":"true"}

http://ajax.googleapis.com/ajax/libs.../jquery.min.js Line 4

J'ai trouvé une alternative mais je ne sais si elle est correcte :
1. J'ai supprimé l'en-tête de la page php.
2. J'ai utilisé juste un string.

Code PHP :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <?php try { $bdd = new PDO('mysql:host=127.0.0.1;dbname=web', 'root', ''); } catch(Exception $e) { die('Erreur :'.$e->getMessage()); } $req_recuperation_id = $bdd->prepare('SELECT id_users FROM users WHERE id_users = ?'); $id = htmlspecialchars(stripslashes($_POST['pseudo'])); $req_recuperation_id->execute(array($id)); if (!$req_recuperation_id->rowCount()) { $retour_js = false; echo json_encode($retour_js); } else { $retour_js = true; echo json_encode($retour_js); }
Code JS :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 $.ajax({ type:"POST", url:"http://127.0.0.1/Web/user/signup/traitements/verif_id.php", data:{pseudo:$('#pseudo').val()}, }).done(function(data){ if(data=='true') { $('.mail_connue').css('display','inline-block'); } else { $('.mail_connue').css('display','none'); } });