Comment inclure un data-axe dans mon formulaire

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

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

Code:

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:

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:

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