Menu actif
Utilisateur anonyme
-
Modifié le 3 mai 2017 à 10:32
cs_stay Messages postés 493 Date d'inscription jeudi 7 juillet 2005 Statut Membre Dernière intervention 24 mai 2017 - 20 mai 2017 à 18:40
cs_stay Messages postés 493 Date d'inscription jeudi 7 juillet 2005 Statut Membre Dernière intervention 24 mai 2017 - 20 mai 2017 à 18:40
1 réponse
cs_stay
Messages postés
493
Date d'inscription
jeudi 7 juillet 2005
Statut
Membre
Dernière intervention
24 mai 2017
4
Modifié le 20 mai 2017 à 18:42
Modifié le 20 mai 2017 à 18:42
Bonjour,
Et bien, c'est très simple. Le contenu du fichier fonctionAjax.php ne peut être vide car tu fais un echo dedans.
Il te faut faire un retour json dans ton fichier fonctionAjax.php
Dans ton appel asynchrone, tu dois ajouter la clé dataType avec la valeur json. Et dans ta condition, récupérer la clé (deuxième dimension) id dans l'object data. Tu dois également supprimer toutes les class active dans les tag a. Et tu fais pareil avec la clé contenu. En cas d'erreur dans ton retour. Par exemple une erreur PHP ou autre. Utilise l'object error dans ton appel JS.
Je te déconseille de mélanger ton contenu text et HTML avec ton code PHP.
Je te propose d'utiliser un design pattern MVC pour gérer tes templates et intégrer un moteur de template à ton application.
Par exemple Smarty
A oui, je n'ai pas testé le code que je te propose. Je l'ai fais de mémoire. Dis-moi si cela a fonctionné.
stéph
Et bien, c'est très simple. Le contenu du fichier fonctionAjax.php ne peut être vide car tu fais un echo dedans.
Il te faut faire un retour json dans ton fichier fonctionAjax.php
<?php
$id = isset($_GET['id']) ? $_GET['id'] : 0;
echo json_encode(array(
'id' => $id,
'contenu' => "<h1>technique Ajax : contenu ".$id."</h1>"
));
Dans ton appel asynchrone, tu dois ajouter la clé dataType avec la valeur json. Et dans ta condition, récupérer la clé (deuxième dimension) id dans l'object data. Tu dois également supprimer toutes les class active dans les tag a. Et tu fais pareil avec la clé contenu. En cas d'erreur dans ton retour. Par exemple une erreur PHP ou autre. Utilise l'object error dans ton appel JS.
$.ajax({
type: "GET",
dataType: 'json',
url: "fonctionsAjax.php",
data: mesData,
success: function(data){
$('a').removeClass("active"); // supprime les class active
if (data.id !== '') {
$(this).addClass("active"); // ajoute la class active
$("#contenu").html(data.contenu); // ajoute le text
}
},
error: function(json) {
console.log(json.responseText.replace(/(<\/?\w+((\s+\w+(\s*=\s*(?:".*?"|'.*?'|[^'">\s]+))?)+\s*|\s*)\/?>)|(<!--.*?-->)/gim, ""););
}
});
Je te déconseille de mélanger ton contenu text et HTML avec ton code PHP.
Je te propose d'utiliser un design pattern MVC pour gérer tes templates et intégrer un moteur de template à ton application.
Par exemple Smarty
A oui, je n'ai pas testé le code que je te propose. Je l'ai fais de mémoire. Dis-moi si cela a fonctionné.
stéph