Réception données AJAX

**Reyfild** · 12/03/2016, 19h21

Bonsoir à tous,

Je me permets de poster un petit topic ici afin d'avoir quelques renseignements sur un problème que je rencontre avec de l'AJAX / PHP.

Avant d'exposer mon soucis, j'ai fais pas mal de recherche sur le problème, mais je n'arrive pas à avoir réponse.

La fonctionnalité final étant d'avoir un champ text, et lorsque je note quelque chose (recherche un nom par ex.) le champ ce met à jour avec une liste déroulante en dessous en fonction de ce qui est noté. (Avec une recherche dans une BDD).

Je bloque sur le fait de récupérer ce que je note afin de le traiter avec le code php.

Voici mon code :

search.php :

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
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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
 
<?php
    session_start();
  
        include_once 'class/ManagerUsers.php';
 
        $userManager = new ManagerUsers();
   
   include 'isLogin.php';
 
        if (empty($_SESSION['current_user_id']))
        header("Location: index.php");
        
        $titleHtml = "Rechercher un client";
        include 'header.php';
 
        if(isset($_POST['test']) && !empty($_POST['test'])) {
                echo "<h1>toto</h1>";
//              $userName = $userManager->findUserByName();
//              $userLastname = $userManager->findUserByLastname();
//              $userEmail = $userManager->findUserByEmail();
        }
 
?>
Par son nom :<br />
<input id="searchName" type="search"></input>
<select style="display:none" multiple class="form-control">
<?php
// <option> dynamique avec les éléments récupérés
?>
</select>
<br />
Par son Prénom :<br />
<input id="searchLastname" type="search"></input>
<select style="display:none" multiple class="form-control">
<?php
// <option> dynamique avec les éléments récupérés
?>
</select>
<br />
Par son email :<br />
<input id="email" type="search"></input>
<select style="display:none" multiple class="form-control">
<?php
// <option> dynamique avec les éléments récupérés
?>
</select>
 
 
<script>
$(document).ready(function(){
	$("#searchName").keyup(function(){
		var myname = $('#searchName').val();
	    $.ajax({
	       type : 'POST',
	       url : 'search.php',
	       data : 'test=' + myname,
	       dataType : 'html',
	       success : function(code_html, statut){
	           alert(code_html);
	           // alert(myname);
	       },
	       error : function(resultat, statut, erreur){
	           alert('nop');
	       }
	    });
	});
});
</script>
 
<?php include 'footer.php'; ?>

La question étant, pourquoi dans le $_POST['test'] je ne récupère aucunes données ?

Ou est mon erreur ?

Cdlt

**mathieu** · 12/03/2016, 23h28

après le "var myname = ..." rajoutez console.log(myname); pour vérifier que vous envoyez bien la donnée

**Reyfild** · 13/03/2016, 00h07

Merci pour votre réponse

Après avoir placé console.log(myname); je vois correctement ce que j'inscris dans mon champ input dans la console.

J'avais également testé, dans la fonction success, de mettre un alert(myname), la pop-up me renvois correctement ce que j'inscris aussi.

**mathieu** · 13/03/2016, 09h39

je viens d'essayer votre code JavaScript et je retrouve bien la données dans $_POST
donc le problème est peut-être dans le code PHP, essayez ça avant "session_start" : echo json_encode($_POST);exit();

**Reyfild** · 13/03/2016, 15h41

J'ai essayé echo json_encode($_POST);exit(); mais avec le exit(); je n'ai pas l'input nécessaire à envoyer le POST. J'ai donc essayé sans exit(); et en rajoutant à tous les blocks php :

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
24
25
26
 
    echo json_encode($_POST);
    echo json_encode($_GET);
 
    session_start();
 
    echo json_encode($_POST);
    echo json_encode($_GET);
 
    include_once 'class/ManagerUsers.php';
 
    echo json_encode($_POST);
    echo json_encode($_GET);
 
    $userManager = new ManagerUsers();
 
    echo json_encode($_POST);
    echo json_encode($_GET);
 
   include 'isLogin.php';
 
   echo json_encode($_POST);
   echo json_encode($_GET);
 
   if (empty($_SESSION['current_user_id']))
   header("Location: index.php");

J'ai également essayé avec la méthode $_GET et rien non plus.

De plus, j'ai essayé de faire référence à une autre page php :

ajax.php

Code :

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

1
2
3
4
 
<?php
echo json_encode($_POST);exit();
?>

Le résultat est toujours le même : "[]"

Une idée, sur quel environnement testez-vous ?

Je suis sur WAMP, est-ce qu'il y aurait un module à activer en particulier ?

EDIT : j'ai essayé de mettre à la main ?test=something dans l'URL et je reçois bien la donéne dans ce cas sous le type d'une hash :

Code :

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

1
2
 
{"test":"something"}

**mathieu** · 13/03/2016, 17h13

J'ai tester avec PHP 5.6 et Apache sur Windows.
Du côté navigateur, j'ai testé Firefox, un cousin de Chrome et IE et ça fonctionne dans les 3 cas.

Et pour le texte dans le champ "searchName" vous avez essayé un texte simple comme "abc" sans accents ou autres caractères spéciaux ?

**Reyfild** · 13/03/2016, 17h46

Je suis sur la même version de php également.

J'ai également le même problème sur IE / Firefox et Chrome.

J'ai déclaré ça dans mon header.php :

Code :

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

1
2
3
 
<script src="http://code.jquery.com/jquery-2.2.1.min.js" integrity="sha256-gvQgAFzTH6trSrAWoH1iPo9Xc96QxSZ3feW6kem+O00="   crossorigin="anonymous"></script>
<script type="text/javascript" src="style/bootstrap/js/bootstrap.min.js"></script>

Le 1er est récupéré de http://code.jquery.com/ directement.
Le 2ème étant fourni avec bootstrap.

EDIT : Pour le moment je ne fais qu'essayer avec des lettres comme "a" "b"

**mathieu** · 13/03/2016, 20h24

Une autre chose à regarder : dans la console de développement, regarder l'onglet "post" de la requête AJAX

**Reyfild** · 13/03/2016, 20h31

dans la console j'ai à chaque lettres dans l'input :

Code :

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

1
2
3
4
5
6
7
8
9
 
General
  Request URL:http://localhost/projet/search.php
  Request Method:POST
  Status Code:200 OK
  Remote Address:[::1]:80
 
Form Data
  test:ab

EDIT : quand je place :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
	if(isset($_POST['test']) && !empty($_POST['test'])) {
		echo "<h1>toto</h1>";
//		$userName = $userManager->findUserByName();
//		$userLastname = $userManager->findUserByLastname();
//		$userEmail = $userManager->findUserByEmail();
	}else {
		echo "<h1>NOP</h1>";
	}
?>

Je reste dans l'état else, jamais il ne passe dans le if.

EDIT2 : Dans la console, dans l'onglet "Response" je peux voir mon code html et j'ai bien le h1 toto qui est dedans !! Mais non affiché sur la page....

**mathieu** · 13/03/2016, 21h33

Envoyé par Reyfild

EDIT2 : Dans la console, dans l'onglet "Response" je peux voir mon code html et j'ai bien le h1 toto qui est dedans !! Mais non affiché sur la page....

ah bin voilà, on avance

il reste juste à trouver le problème dans "success", à la place du "alert(code_html)" essayez d'afficher la réponse dans la console avec "console.log"

**Reyfild** · 14/03/2016, 00h35

Je pense avoir compris

, il faut afficher le résultat de l'AJAX. J'ai pus voir sur internet des append / prepend.

en ajoutant :

Code :

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

1
2
 
<select id="selectName" multiple class="form-control">

Et dans l'AJAX :

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
 
	$("#searchName").keyup(function(){
		var myname = $('#searchName').val();
	    $.ajax({
	       type : 'POST',
	       url : 'search.php',
	       data : 'test=' + myname,
	       dataType : 'html',
	       success : function(code_html, statut){
	       	   $('#selectName').append('<option>TEST</option>');
	       },
	       error : function(resultat, statut, erreur){
	           alert('nop');
	       }
	    });
	});

Et tout s'affiche bien

Merci

!

J'ai un autre soucis maintenant

, c'est que le contenu des options, sont des données générées en php.

Comment puis-je faire ?

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
 
	$("#searchName").keyup(function(){
		var myname = $('#searchName').val();
	    $.ajax({
	       type : 'POST',
	       url : 'search.php',
	       data : 'name=' + myname,
	       dataType : 'html',
	       success : function(code_html, statut){
	       	   $('#selectName').append('<option><?php if(isset($userName)) {echo $userName->getFirstname();} ?></option>');
	       },
	       error : function(resultat, statut, erreur){
	           alert('une erreur est survenue !');
	       }
	    });
	});

Code :

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

1
2
3
4
 
	if (isset($_POST['name']) && !empty($_POST['name'])) {
		$userName = $userManager->findUserByName($_POST['name']);
       }

J'ai userName qui n'est déclaré que quand la fonction ajax est appelée...

EDIT : Je pense que l'asynchrone est la ? (ou pas !)

Réception données AJAX

AJAX

Discussions similaires

Partager

Partager