Utiliser split() pour fournir les valeurs dans $.post() [Résolu]

[vinze60]

Bonjour à tous,

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

Voici mon HTML :

Code html :

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 :

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 :

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.