Discussion :

[vinze60]

Bonjour à tous,

Je cherche à transférer les valeurs de plusieurs champs via la fonction POST() de Jquery.

Voici mon HTML :

Code html :

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

1
2
3
<input type="text" value="" id="titre"/>
<textarea id="message"></textarea>
<input type="submit" onclick="envoi('message|titre');" value="Envoyer"/>

J'arrive à découper la chaine message|titre et à récuperer les valeur de chaque ID mais je n'arrive pas à transmettre ces valeurs avec $.post(). Voici le début de mon travail :

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
<script type="text/javascript">
 
function envoi(champs){
 
	var champs = champs.split('|'); // Je coupe ma chaine pour stocker les ID à utiliser
 
	var valeur = '';
 
	for(i = 0; i < champs.length; i++){ 
	valeur = $("#"+champs[i]).attr("value"); // Pour chaque ID, je recupere la valeur dans le HTML
	}
 
	$.post('post.php',????,
		function(data, textStatus){
		alert('ok');
		}
	);
}
</script>

Pour d'avance pour votre aide

[Bovino]

Tout d'abord, il faut utiliser .val() et non .attr('value') car ce dernier renverra la valeur initiale (celle indiquée dans le code HTML) de l'attribut value.
Ensuite, tu peux indiquer les paramètres à envoyer sous forme d'objet :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
	var valeur = {};
 
	for(i = 0; i < champs.length; i++){ 
	valeur[champs[i]] = $("#"+champs[i]).val(); // Pour chaque ID, je recupere la valeur dans le HTML
	}
 
	$.post('post.php',valeur,
		function(data, textStatus){
		alert('ok');
		}
	);

[vinze60]

Ca fonctionne parfaitement bien.

Merci beaucoup pour la solution et les conseils.