[AJAX] Charger le contenu d'une page avec ses paramètres

bonjour,

je souhaite charger automatiquement, sans cliquer, le contenu d'un fichier php qui contient une requête qui affiche le résultat en fonction de l'ID.


Exemple :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

$.ajax({ url: "test.php", type: "GET", data : "id=1", cache : false, dataType: "html",   beforeSend:function(){ // this is where we append a loading image $('#display').html('<img src="http://127.0.0.1/espace-secretariat.fr/modeles/v2/images/loading.gif" width="32" height="32" alt="Loading..." />'); },   success: function(response, status, xhr){ if(status=="success") { $("#display_1").html(response); } }, error:function() { $('#display').html('Contenu indisponible'); } });

---

ce bout de code fonctionne.

Mais je fais :

Code:

---

1 2	data : "id="+id

---

je ne sais pas envoyer ni récupérer la valeur de +id

Je souhaite pouvoir récupérer un produit différent à chaque appel :
Exemple: <div id="display_1"></div> = contenu produit 1....

cordialement Je souhaite pouvoir récupérer un produit différent à chaque appel de la foncion javascript déterminé par avec un ID différent.

cordialement

Bonjour,

Citation:

---

data : "id="+id

---

La syntaxe est correct, il faut vérifier que id est bien définit avant d'appeler la fonction.

pour le retour il est possible de faire quelque chose comme çà :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

var id = 1; $.ajax({ url: "test.php", type: "GET", data : "id="+id, cache : false, dataType: "html", id:id, beforeSend:function(){ // this is where we append a loading image $('#display').html('<img src="http://127.0.0.1/espace-secretariat.fr/modeles/v2/images/loading.gif" width="32" height="32" alt="Loading..." />'); }, success: function(response, status, xhr){ if(status=="success") { $("#display_"+this.id).html(response); } }, error:function() { $('#display').html('Contenu indisponible'); } });

---

bonjour,

comment faire le test pour savoir si ID est défini ?

je souhaite remplacer var id = "1" par <div id="place_1"></div> contenu dans la page php

place_1 appelle l'ID 1 et doit remplacer var id pour être traité par Ajax

merci

Quel est la structure HTML de la page ?

Citation:

---

je souhaite charger automatiquement, sans cliquer ...

---

A quel moment et comment est déclenché la fonction AJAX ?

merci,

Code:

---

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

$(".test").click(function() {     var id = $(this).attr('id');     $.ajax({ url: "test.php", type: "GET", data: {id : id}, cache : false, dataType: "html", beforeSend:function(){ $('#display').html('<img src="/images/loading.gif" width="32" height="32" alt="Loading..." />'); }, success: function(response, status, xhr){ if(status=="success") { $("#display_"+id).html(response); } }, error:function() { $('#display').html('Contenu indisponible'); } });   });

---

sur ma page php j'ai :

Code:

---

1 2	<a class="test" id="1">test</a>

---

lors du clic je récupére bien le contenu du produit avec ID = 1 dans <div id="display"></div>

Je souhaite récupérer mes produits en fonction de leur ID à partir du div.
Exemple : <div id="place_1"></div> doit communiquer avec la partie ajax afin de ne faire sortir que l'id contenu dans le div sans être obligé de cliquer

Désolé je ne comprends toujours pas...
Dans tout les cas un id ne doit pas être un entier :
<a class="test" id="1">test</a>

D'autre part :

Citation:

---

Je souhaite récupérer mes produits en fonction de leur ID à partir du div.
Exemple : <div id="place_1"></div> doit communiquer avec la partie ajax afin de ne faire sortir que l'id contenu dans le div sans être obligé de cliquer

---

Qu'est-ce qui déclenche la fonction AJAX ?

Si tu ne recharge pas tes articles à intervalles réguliers via XHR, mon dernier post t'aidera à comprendre comment faire:
http://www.developpez.net/forums/d12...ntrainte-each/

(si j'ai bien compris ton problème !?)