par
franckm » 12 nov. 2013, 09:26
Je te donne des pistes et un exemple simple, à toi ensuite de faire ta sauce...
Déjà, utilises jQuery pour l'AJAX, la syntaxe est beaucoup moins barbare.
Si on reprend ton exemple, le gars appuie sur un bouton qui l'envoie vers une fonction javascript, de cette façon:
<div class="cell info1"><a href="javascript:ouvreModale(65)" class="plus1">1</a></div>
Où 65 est l'ID sont tu veux afficher les informations dans ta modale. Avant d'ouvrir cette modale, on va faire une requête AJAX pour récupérer. AJAX permet de faire des appels au serveur sans avoir de besoin de rafraîchir toute la page ce qui est très pratique.
Ta fonction ouvreModale devient :
function ouvreModale(pId){
jQuery.ajax({
type: "GET",
url: "mapage_traitement.php?ID="+pId,
dataType: 'text',
contentType: "application/x-www-form-urlencoded;charset=UTF-8",
beforeSend: function(xhr) {
xhr.overrideMimeType('text/html; charset=UTF-8');
},
success: function(data,textStatus){
alert(data);
},
error: function (xhr, ajaxOptions, thrownError){
jAlert("Erreur de traitement Ajax");
}
});
Comme tu peux le voir, la fonction appelle une méthode jQuery Ajax qui contient un tas de paramètre (je te laisse voir sur Internet le détail de tout ça...).
Le paramètre important est url: ici tu mets l'URl où le script va aller chercher l'information. Dans cette page (mapage_traitement.php) tu vas mettre un script qui va aller chercher ce que tu as besoin dans ta base (<?php ...mysql_query('select * from... where id=...')).
Ce qui est bien c'est que tu envoies en même temps dans cette URl ton ID. donc dans ta page de traitment PHP un simple $_GET['ID'] te permet d'avoir l'ID et donc de faire une requête sur cette ligne uniquement.
En retour, tu vas récupérer les infos qui seront stockées dans data dans la partie success. C'est peut être encore là le plus compliqué car tu peux récupérer tes données sous plusieurs format (JSON, XML notamment).
Il faut donc côté PHP organiser tes données sous format XML par exemple. Cas particulier : si ton retour est un simple string, number... c'est à dire une simple chaîne tu peux l'envoyer depuis PHP en faisant simplement un echo de ton résultat. et côté AJAX, comme dans mon exemple tu récupères la valeur dans data et tu peux faire un simple alert(data) pour l'afficher (tu peux bien sûr en faire ce que tu veux et l'afficher dans ta modale...).
A toi de creuser notamment le traitement des données en retour. Si tu as un souci , n'hésites pas à questionner de façon précise.
Je te donne des pistes et un exemple simple, à toi ensuite de faire ta sauce...
Déjà, utilises jQuery pour l'AJAX, la syntaxe est beaucoup moins barbare.
Si on reprend ton exemple, le gars appuie sur un bouton qui l'envoie vers une fonction javascript, de cette façon:
<div class="cell info1"><a href="javascript:ouvreModale(65)" class="plus1">1</a></div>
Où 65 est l'ID sont tu veux afficher les informations dans ta modale. Avant d'ouvrir cette modale, on va faire une requête AJAX pour récupérer. AJAX permet de faire des appels au serveur sans avoir de besoin de rafraîchir toute la page ce qui est très pratique.
Ta fonction ouvreModale devient :
[html]
function ouvreModale(pId){
jQuery.ajax({
type: "GET",
url: "mapage_traitement.php?ID="+pId,
dataType: 'text',
contentType: "application/x-www-form-urlencoded;charset=UTF-8",
beforeSend: function(xhr) {
xhr.overrideMimeType('text/html; charset=UTF-8');
},
success: function(data,textStatus){
alert(data);
},
error: function (xhr, ajaxOptions, thrownError){
jAlert("Erreur de traitement Ajax");
}
});
[/html]
Comme tu peux le voir, la fonction appelle une méthode jQuery Ajax qui contient un tas de paramètre (je te laisse voir sur Internet le détail de tout ça...).
Le paramètre important est url: ici tu mets l'URl où le script va aller chercher l'information. Dans cette page (mapage_traitement.php) tu vas mettre un script qui va aller chercher ce que tu as besoin dans ta base (<?php ...mysql_query('select * from... where id=...')).
Ce qui est bien c'est que tu envoies en même temps dans cette URl ton ID. donc dans ta page de traitment PHP un simple $_GET['ID'] te permet d'avoir l'ID et donc de faire une requête sur cette ligne uniquement.
En retour, tu vas récupérer les infos qui seront stockées dans data dans la partie success. C'est peut être encore là le plus compliqué car tu peux récupérer tes données sous plusieurs format (JSON, XML notamment).
Il faut donc côté PHP organiser tes données sous format XML par exemple. Cas particulier : si ton retour est un simple string, number... c'est à dire une simple chaîne tu peux l'envoyer depuis PHP en faisant simplement un echo de ton résultat. et côté AJAX, comme dans mon exemple tu récupères la valeur dans data et tu peux faire un simple alert(data) pour l'afficher (tu peux bien sûr en faire ce que tu veux et l'afficher dans ta modale...).
A toi de creuser notamment le traitement des données en retour. Si tu as un souci , n'hésites pas à questionner de façon précise.
