Discussion :

[pierrot10]

Bonjour à tous,

Je récupère les données d'un formulaire ainsi:

Code jQuery :

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

 var formData = $("#form1").serialize();

Le truc, c'est que je dois aussi récupérer l'id de la famille auquel appartient ce champ.

En d'autre terme, mon code html est le suivant

Code HTML :

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

1
2
3
4
5
 
<div class="input-group">
								<input type="checkbox" data-name="hfs" data-familyid="2" data-family="heatflux" name="type[]" id="id-hfs"  value="3" />
								<label for="id-hfs">Heatflux Shallow</label>
							</div>

et je dois récupérer et include la valeur de data-familyid dans formData

J'ai manuellent essayé ceci

formData = formData + '&y-axis-1=1&y-axis-2=2';

=1 et =2 etant la valeur de data-familyid. mais ca bug.

Je me demande s'il est possible concaténer du texte, soit

'&y-axis-1=1&y-axis-2=2';

à ma variable formData et ceci du à la fonction serialize()?
Ou alors, je merge les données faussement.

Comment feriez-vous pour fromData contienne les valeurs de mes champs et en plus la valeur du data-familyid?
le résultat final devrait être

from=2018-05-28&to=2018-06-23&station=1&type%5B%5D=4&type%5B%5D=3&type%5B%5D=1&y-axis-1=1&y-axis-2=2

Merci pour vos lumières

[Toufik83]

bonjour,
personnellement j'utilise FormData.append() pour ajouter les valeurs que je veux.
voilà un simple exemple avec $.ajax et go.php :

Code html :

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

1
2
3
4
5
6
7
8
9
 
<form class="form-group">
  <input type="checkbox" data-name="hfs" data-familyid="2" data-family="heatflux" name="type[]" id="id-hfs" value="3" />
  <label for="id-hfs">Heatflux Shallow</label>
 
</form>
<button id='send'>
Send
</button>

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 form = $('.form-group'),
  fd = new FormData();
$("#send").click(function(e) {
  fd.append("dataname", form.find("#id-hfs").attr('data-name'));
  fd.append("value", form.find("#id-hfs").val());
  fd.append('datafamilyid', form.find("#id-hfs").attr('data-familyid'));
  fd.append('checked',form.find('#id-hfs').is(':checked'));
  $.ajax({
	  url:'go.php'
	  ,method:'post'
	  ,data:fd
	  ,dataType:'json'
	  ,cache:false
	  ,processData: false
	  ,contentType: false
	  ,success:function(s){
		  console.log(JSON.stringify(s));
	  }
	  ,error:function(err){alert(err.responseText);}
  });
 
});

php :

Code php :

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

1
2
3
 
$data=$_POST;
echo json_encode($data);