[AJAX] FormData(form); et xhr.responseText;

Bonjour,
j'essaye d'utiliser FormData(form) et xhr.responseText;
J'envoie bien tous les <input> dans le POST, je vois la liste des éléments. Mais je n'ai rien en réponse.
Aurai-je oublié quelque chose ?

Ah c'est bon ça marche. J'avais fais une confusion :ccool:

page mapage.php

Code:

1
2
3
4
5
6
7
8
9
10
 
echo"<form id=\"myform\" name=\"myform\" action=\"/server\">
  <input type=\"text\" name=\"username\" value=\"johndoe\">
  <input type=\"number\" name=\"id\" value=\"123456\">";
$id4=4;
 echo"<input type=\"hidden\" name=\"tab_id[]\"  id=\"tab_id[]\"  value=\"".$id4."\">";
$id4=41;
 echo"<input type=\"hidden\" name=\"tab_id[]\"  id=\"tab_id[]\"  value=\"".$id4."\">
  <input type=\"submit\" onclick=\"return sendForm(this.form);\">
</form>";

javascript

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
function sendForm(form) {
  var formData = new FormData(form);
 
  formData.append('secret_token', '1234567890'); // Append extra data before send.
 
  var xhr = new XMLHttpRequest();
  //xhr.open('POST', form.action, true);
xhr.open('POST', 'mapage_traitement.php', true);
  xhr.onload = function(e) { 
	    if (this.status == 200) {
 
	          var info = document.createElement("div");
 
	info.innerHTML = xhr.responseText;
    }
 
 };
 
 
 
  xhr.send(formData);
 
  return false; // Prevent page from submitting.
};

'mapage_traitement.php

Code:

1
2
3
 
echo $_POST['username'];
echo $_POST['tab_id'];

par contre FormData() marche bien j'ai des valeurs en réponse

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
function sendForm(form) {
 // var formData = new FormData(form);
 
 // formData.append('secret_token', '1234567890'); // Append extra data before send.
 
  var xhr = new XMLHttpRequest();
  //xhr.open('POST', form.action, true);
xhr.open('POST', 'mapage.php', true);
  xhr.onload = function(e) { 
	    if (this.status == 200) {
 
	          var info = document.createElement("div");
 
	info.innerHTML = xhr.responseText;
    }
 
 };
 
 var formData = new FormData();
formData.append('champ1', 'valeur1');
formData.append('champ2', 'valeur2');
formData.append('record_man_button', 'record_man_button2');
 
  xhr.send(formData);
 
  return false; // Prevent page from submitting.
 
};