Discussion :

[Heb_81]

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 :

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
 
$.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 :

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

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

[dkmix]

Bonjour,

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 :

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
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');
  }
});

[Heb_81]

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

[dkmix]

Quel est la structure HTML de la page ?

je souhaite charger automatiquement, sans cliquer ...

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

[Heb_81]

merci,

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
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 :

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

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

[dkmix]

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 :

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 ?

[mainContainer]

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 !?)