Retour d'une fonction ajax

**xGuigui78** · 15/12/2014, 13h20

Bonjour à tous et à toutes,

Je viens vous demander de l'aide ! J'utilise un appel ajax en jquery pour effectuer une requête en lui passant des paramètres en PHP.
Seulement, j'ai un problème avec le retour de mon ajax. Dans ma fonction PHP, je lance une requête et créer un tableau contenant les valeurs que j'ai récupéré. Tout cela se passe très bien puisque mon tableau est bien rempli avec les bonnes valeurs (J'ai testé mon tableau avec un var_dump dans mon php).

Cependant, dans la fonction success de mon appel ajax, ma donnée contenant mon tableau est null et je comprends vraiment pas pourquoi...(Il ne passe pas par le retour error)

On m'a dis d'utiliser Json mais sans résultat non plus...

Je vous mets le code source :
calendrier.js :

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
var mois_request = document.getElementById("mois_envoyee").value;
var annee_request = document.getElementById("annee_envoyee").value;
var jour_request = document.getElementById("jour_envoyee").value;
$.ajax({
	url: 'cible_ajax.php',
	dataType: 'json',
	type: 'POST',
	data: { annee: annee_request, mois: mois_request, jour: jour_request},
	success: function(data){
		alert("Data saved : " + data);
	},
	error: function(xhr, status, error) {
  		alert(xhr.responseText);
	}
});
});

cible_ajax.php

Code php :

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
<?php 
header('Content-type: application/json');
$link = mysqli_connect("localhost", "root", "", "cloud diabetic");
/* Vérification de la connexion */
if (mysqli_connect_errno()) {
	printf("Échec de la connexion : %s\n", mysqli_connect_error());
	exit();
}
if($_POST['mois'] < 9){
	$_POST['mois'] = '0'.$_POST['mois'];
}
if($_POST['jour'] < 9){
	$_POST['jour'] = '0'.$_POST['jour'];
}
$date = $_POST['annee']."-".$_POST['mois']."-".$_POST['jour'];
$query = "SELECT id, horaire FROM enregistrement WHERE date='" . $date . "'";
$result = mysqli_query($link, $query) or die(mysqli_error($link));
$r = array();
while ($row = mysqli_fetch_assoc($result)){
	$r[] = $row;
}
return json_encode($r);

J'espère avoir été assez clair dans mon explication...
En vous remerciant pour vos futurs réponses.

**Bovino** · 15/12/2014, 14h31

Code php :

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

return json_encode($r);

C'est bien joli de faire un return, mais tu renvoies le résultat à quoi au juste ?

Tu ne penses pas qu'un echo serait plus utile ?

**xGuigui78** · 15/12/2014, 14h51

Tout d'abord merci pour ta réponse !

Désole, je débute seulement sur ce sujet.
Pour moi, le return renvoyait à ma fonction ajax mon tableau dans la valeur data mais apparemment ce n'est pas le cas...

Du coup j'ai fais ça

Code :

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

echo json_encode($r);

mais dans mon alert il m'affiche Object object, Object object (normal j'ai 2 lignes dans mon tableau) mais comment je peux les traiter après ?
Sachant que je veux mettre le contenu de mon tableau dans une div, il vaut mieux que je traite mes données de mon tableaux dans le php ou dans le script ? Vu qu'après j'aurai juste à l'introduire avec un innerHTML().

Merci pour ta réponse et si tu connais un tuto qui explique bien je suis preneur car sur le net j'ai pas trouvé grand chose...

**SpaceFrog** · 15/12/2014, 14h54

essaye ceci:

Code :

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

1
2
3
success: function(data){
		console.log( data);
	},

et regarde dans ta console
tu comprendras que data est un json ...

Invité · 15/12/2014, 14h57

Pour que le navigateur, à qui est destiné la réponse, n'affiche plus [Object object], il faut lui faire comprendre que vous lui avez envoyé du JSON et donc typer la réponse avec quelque chose comme :

Code php :

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

1
2
header('Content-Type: application/json');
echo json_encode($r);

**Bovino** · 15/12/2014, 14h59

Le return ne peut pas marcher car sinon, ça voudrait dire que PHP et JavaScript parlent le même langage. Ton code PHP ne possède aucune fonction, donc aucun return ne fera quoi que ce soit.

Les meilleurs cours et tutoriels pour apprendre l'AJAX.

**Bovino** · 15/12/2014, 15h02

@chanyslas.

Rien à voir. Dans la requête, il a indiqué qu'il attendait comme réponse un objet JSON, du coup, jQuery parse la réponse pour renvoyer un objet JSON au callback.
Et comme un alert() n'est pas capable d'afficher le contenu d'un objet, il affiche [Object object] (enfin, ça dépend du navigateur).
D'où la proposition de Spaffy d'utiliser console.log() qui permet d'afficher le contenu dans la console.

**xGuigui78** · 15/12/2014, 15h07

D'accord merci à tous pour vos réponses !

Mais au départ, j'avais utilisé une fonction comme ceci :

cible_ajax.php

Code php :

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
$fonction = $_POST['fonction'];
unset($_POST['fonction']);
$fonction($_POST);
function getEvents($args){
	header('Content-type: application/json');
	$link = mysqli_connect("localhost", "root", "", "cloud diabetic");
	/* Vérification de la connexion */
	if (mysqli_connect_errno()) {
		printf("Échec de la connexion : %s\n", mysqli_connect_error());
		exit();
	}
	if($_POST['mois'] < 9){
		$_POST['mois'] = '0'.$_POST['mois'];
	}
	if($_POST['jour'] < 9){
		$_POST['jour'] = '0'.$_POST['jour'];
	}
	$date = $_POST['annee']."-".$_POST['mois']."-".$_POST['jour'];
	$query = "SELECT id, horaire FROM enregistrement WHERE date='" . $date . "'";
	$result = mysqli_query($link, $query) or die(mysqli_error($link));
	$r = array();
	while ($row = mysqli_fetch_assoc($result)){
		$r[] = $row;
	}
	echo json_encode($r);
}

avec le javascript :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
		$.ajax({
			url: 'cible_ajax.php',
			dataType: 'json',
			type: 'POST',
			data: { fonction : getEvents, annee: annee_request, mois: mois_request, jour: jour_request},
			success: function(data){
				alert("Data saved : " + data);
			},
			error: function(xhr, status, error) {
  				alert(xhr.responseText);
			}
		});

Voilà pourquoi j'avais utilisé un return dans mon fichier php.
Donc maintenant j'ai juste quelques questions afin d'avoir bien compris comment faire.

Déjà cette manière que je viens de poster dans ce message est-elle propre ? L'intêret étant d'éviter de créer un fichier ajax pour chacun de mes appels.
Et si cela est correct et propre, dois-je utiliser un return ou un echo à la fin du coup vu que c'est une fonction ?

Merci d'avance !

**Bovino** · 15/12/2014, 15h20

Heu non... c'est vraiment pas terrible comme façon de faire...

Déjà, $fonction ne correspond pas à une fonction, ce serait plutôt ${$function}, mais même, ce serait très dangereux comme technique, à moins que des paramètres POST du style fonction=system&args=format ne te fassent pas plus peur que ça !

**xGuigui78** · 15/12/2014, 15h25

Du coup je créer une page à chaque appel ajax ? On peut pas faire autrement ?

Autre question, le traitement de mon tableau, il vaut mieux que je le gère dans le PHP et je renvoi directement un string contenant le html entier que je mettrais dans ma balise ou plutôt dans le javascript ?

Merci de vos réponses !

**Bovino** · 15/12/2014, 15h43

En quoi est-ce gênant d'avoir une page par type d'appel ?
Au contraire, ça permet d'avoir un code mieux organisé et plus facile à maintenir.

Pour le traitement, j'en sais rien, ça dépend de plein de choses que je ne connais pas.

**xGuigui78** · 15/12/2014, 15h49

D'accord merci pour toutes vos réponses ! Sujet résolu encore merci !!

Retour d'une fonction ajax

jQuery

Discussions similaires

Partager

Partager