Envoyer des paramètres get sans recharger ma page ?

Bonjour,

Voilà comme dit dans le titre je cherche à savoir s'il est possible d'envoyer des paramètre get sans pour autant recharger la page ?

Parce que je suis sur une des pages du site que je suis en train de réalisé qui affiche une google maps. Je suis dans le principe où quand c'est bon j'affiche la carte et itinéraire, et quand il y a erreur d'itinéraire, la page reste tel quelle (elle reste sur la dernière recherche effectuée sur la page).

Quand il y a une erreur, j'affiche un cadre avec mon erreur dedans. Je faisais tout avec JQuery et ça passait bien. Mais vu que l'affichage d'erreur je l'utilise sur plusieurs pages, j'ai créée une classe php pour mes erreurs et un fichier php que j'inclue dans mes pages qui sert à afficher ces erreurs.

Mais l'affichage des erreurs ne se fait que quand il trouve le paramètre "c" (correspond au code de l'erreur) dans l'url.

Donc j'ai réussi avec $(location).attr("href",url) à le faire fonctionner mais ici je sors de cadre où quand il y a une erreur, l'erreur et la page reste tel quelle.

Donc serait-il possible d'envoyer des paramètre get pour faire s'afficher mon include sans pour autant recharger la page ?

Merci d'avance.

Bonjour,
Utilises la methode get() de jQuery.

A+.

Tout d'abord merci pour ta réponse.

Mais pourrais-tu m'en dire un peu plus sur cette méthode ? Car c'est déjà une option que j'ai essayé mais je n'arrive pas à la faire fonctionner.

Par exemple, je veux envoyer mes paramètres GET à ma page d'index, j'ai deux paramètre, t qui a pour valeur e, et c qui a pour valeur 001.

Je test $.get("index.php",{t:"e",c:"001"}); mais j'ai eu droit à une erreur, de mémoire ca devait un truc comme quoi les id n'était pas valide.

Merci d'avance.

Bonjour,

A tout hasard:

Code:

---

$.get("index.php",{"t":"e","c":"001"});

---

Ben là ca doit passer car plus d'erreur javascript mais par contre rien ne s'affiche.

Code:

---

$.get("index.php",{"t":"e","c":"001"},function(data){alert(data)});

---

à la place de alert tu mets à jour ta page.

A+.

Merci pour vos réponses.

andry.aime comment fais-tu pour mettre ta page à jour ? Je cherche sur google mais pour le moment je ne trouve pas.

Code:

---

$.get("index.php",{"t":"e","c":"001"},function(data){//mets la page à jour ici});

---

Merci pour ta réponse, mais en fait c'est la fonction qui met un page à jour que je trouve pas.

Merci d'avance.

il n'y a pas de fonction qui mette la page à jour ... :roll:

c'est a toi de modifier le contenu ou le style des elements de la page

Code:

---

1 2	$.get("index.php",{"t":"e","c":"001"},function(data){document.getElementById('IdDeMonDivModifiable').innerHTML=data;});

---

Désolé pour le retard de ma réponse.

Bon en fait ça ne marche toujours pas, avec cette méthode il faut que je modifie le contenu de ma div contenant les erreurs, or cette div n'est créer avec mon script php que lorsque les paramètre get sont trouvés.

Mais bon ce n'est pas grave si cela ne marche pas étant donné que j'ai changé ma manière d'afficher et que maintenant cela passe par une variable de session (donc plus en get). J'ai repris la méthode affichage avec jquery et ces erreurs sont gérées différemment de toutes les autres.

Merci tout de même pour vos réponses.

si ton div n'est pas présent sur la page créées le !

Code:

---

1 2	var ref = $(this).attr('rev'); $.get("index.php?pages=listeC",{"ref:"+ref});

---

Code:

---

<?php echo $_GET['ref']; ?>

---

ne marche pas pour moi :/

Vive le déterrage de topic 8-)

C'est normal que ça ne fonctionne pas, tu ne fais qu'envoyer une requète et tu ignore la réponse du server.
Je m'explique, la requète get de Jquery envoie une requète http get en utilisant xhr/ajax. C'est donc un fonctionnement asynchrone, car tu t'imagine bien que si tous tes scripts Js devaient s'arrêter en attendant la réponse du serveur...

Du coup, ce que fait la fonction c'est envoyer une requète http de type 'get' au serveur passé en paramètre, le deuxième paramètre permet de définir le contenu de la requète et le 3ème que tu oublie ici indique la fonction à appeller lorsque la réponse du serveur est enfin arrivée, ça s'appelle une fonction de callback.

Du coup, la requète est envoyée, une fois envoyée, ton script continue de faire son boulot.
Une fois la réponse du serveur reçue, la fonction de callback est appellée, et c'est ici que tu peux récupérer le contenu de la réponse du serveur et en faire ce que tu veux.

En gros :

Code:

---

1 2 3 4 5 6

var ref = $(this).attr('rev'); $.get("index.php?pages=listeC",{"ref:"+ref}, AfficherReponse);   AfficherReponse = function (data) { alert(data) }

---

Tu peux aussi directement définir la fonction à effectuer :

Code:

---

1 2 3

$.get("index.php?pages=listeC",{"ref:"+ref}, function(data) { alert(data) })

---

Ou, dans ce cas précis, directement appeller la fonction alert() :

Code:

---

$.get("index.php?pages=listeC",{"ref:"+ref}, alert)

---

Concernant la syntaxe : http://api.jquery.com/jquery.get/


Je te conseille de revoir les bases de la programmation javascript ;).