Discussion :

[fab56]

Bonsoir,

Je voudrais qu'à chaque clique sur un certain type de lien, une requete AJAX soit envoyé à une page.

Voici mes liens :

Code :

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

1
2
3
<a href='#' rel='suppr-item' id='1'>Suppr. enregistrement n°1</a>
<a href='#' rel='suppr-item' id='2'>Suppr. enregistrement n°2</a>
<a href='#' rel='suppr-item' id='3'>Suppr. enregistrement n°3</a>

L'attribue 'id' du lien correspond à un enregistrement que ce lien est censé supprimer. Je dois donc envoyé l'id à une page php qui s'occupera de supprimer le bon enregistrement dans la bdd.

Code :

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

1
2
3
4
5
6
7
8
$('body').delegate("a[rel=mission-suppr]", "click", function(e){
	var id = $(this).id; // <-- récupère l'id du lien cliqué
		$.getJSON("index.php?module=planning&action=ajax.delete.mission",
			{"mid": id //<-- je tente de l'envoyer à ma page via json
			},  
			function(data){}
		);	
	});

seulement ça ne marche pas. en testant, id vaut "undefined" dans la fonction .getJSON()

comment faire pour que la variable soit propagée dans la fonction .getJSON() pour que je puisse l'envoyer à ma page ?

merci d'avance.

bonne soirée

[danielhagnoul]

Bonsoir

Un ID doit être unique et pour être compatible avec HTML 4 il doit commencer avec une lettre. Utiliser l'attribut "data-x" plutôt que "rel" pour être compatible avec HTML 4 et 5.

Code :

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

1
2
3
<a href="#" data-action="supprItem" id="a1">Suppr. enregistrement n°1</a>
<a href="#" data-action="supprItem" id="a2">Suppr. enregistrement n°2</a>
<a href="#" data-action="supprItem" id="a3">Suppr. enregistrement n°3</a>

Pour jQuery 1.7.2 et plus, on doit utiliser on() au lieu de delegate().

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
$( "body" ).on( "click", "a[data-action='supprItem']", function( event ){
 
	var jqXHR = $.getJSON( "fichier.php", { 
		"id" : this.id.replace( "a", "" )
	} );
 
	jqXHR.done( function( data, textStatus, jqXHR ){
		// succès de la transaction, on doit traiter le contenu de data
		console.log( data, textStatus, jqXHR );
 
	});
 
	jqXHR.fail( function( jqXHR, textStatus, errorThrown ){
		// échec de la transaction, gérer la catastrophe
		console.log( jqXHR, textStatus, errorThrown );
 
	});
 
	jqXHR.always( function( jqXHR, textStatus ){
		// la transaction est terminée
		console.log( jqXHR, textStatus );
	});
});

[SpaceFrog]

un id ne doit pas non plus être uniquement numérique pour HTML4 ni commencer par du numérique
autant mettre un data non ?

Code :

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

1
2
3
4
5
6
7
 
<a href="#" data-action="supprItem" id="a1" data-valeur="1">Suppr. enregistrement n°1</a>
 
var tosend = $(this).data('valeur'); // <-- récupère l'id du lien cliqué
		$.getJSON("index.php?module=planning&action=ajax.delete.mission",
			{"mid": tosend //<-- je tente de l'envoyer à ma page via json
			},

[fab56]

Bonjour,

Tout d'abord, merci pour cette reponse très rapide. Je n'ai pas encore testé je vois ça dès que je peux.

Par contre je comprends pas cette instruction : pourquoi supprimer les "a" dans l'id ?
Et ici, que représente 'this' ?

Code :

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

"id" : this.id.replace( "a", "" );

Encore merci.

[SpaceFrog]

Nos posts ont du se croiser ^^

Daniel propose fort justement de modifier les id en ajoutant un préfixe alphabetique.

a1 ... ainsi pour récupérer ta valeur numérique tu sois supprimer le a en début d'id, ce que Daniel fait avec cette ligne

Code :

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

"id" : this.id.replace( "a", "" );

remplace le a dans l'id par rien ...

ma version te propose de t'affranchir de cette manip car ta valeur numérique est stockée en data directement en numérique.