Что писать в request.send(), чтобы отправить Post?

Question

[Анастасия]

Здравствуйте. Есть вот такой аналог ajax:

function sub(event){
event.preventDefault ? event.preventDefault() : event.returnValue = false;
var request = new XMLHttpRequest();
request.open('POST', 'file.php', true);
request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
request.send(data);
}

Подскажите, чему должен быть равен data?

В jQuery я делала data = new FormData(event.target);, но сейчас так не работает, уходит пустой запрос.

А IE9 пишет:


В html у меня так:

<form enctype="multipart/form-data" method="post" id="form" onsubmit="sub(event)">
...
</form>

Comments

[myxomor469]

IE судя по документации мало чего поддерживает в FormData

[Анастасия]

myxomor469, youmightnotneedjquery.com
я отсюда взяла этот код. если он есть, значит оно как-то должно работать? нужно просто понять, что засунуть в data...

[myxomor469]

Анастасия, ты же брала секцию с методом POST?

[myxomor469]

Анастасия, запрос конечно будет выполняться, но дело в том что FormData поддерживается только в IE10+
https://developer.mozilla.org/ru/docs/Web/API/Form...

[Михаил]

IE9 ? серьзёно?

https://caniuse.com/#search=formdata

[Emil Revencu]

Смотри Browser compatibility

[Анастасия]

myxomor469, ну сравни секции. на какую моя похожа?)))

Михаил, Emil Revencu,
IE9 хотя бы ошибку возвращает. IE10 и chromium вообще ничего не пишут, а просто отправляют пустую форму.

[Михаил]

Анастасия, так 'application/x-www-form-urlencoded; charset=UTF-8' или multipart/form-data"

[Анастасия]

Михаил, изменила на multipart. Всё равно пусто.

[Михаил]

Анастасия, ну так дебажьте, что отсылает, куда отсылает в каком формате

[Анастасия]

Михаил, с multipart пусто, но появилась ещё ошибка:
Warning: Missing boundary in multipart/form-data POST data in Unknown on line 0
Когда я вовсе убрала эту строку request.setRequestHeader(...
то форма стала отправляться. Я просто не знаю, насколько эта строка вообще ценна? и если ценна, то что я должна там прописать?

[Михаил]

Анастасия,

<form method="post">
  <input name="test" value="test1">
</form>

<script>
  const data = new FormData(document.querySelector('form'));
  const request = new XMLHttpRequest();

  request.open('POST', 'form.php', true);
  request.send(data);
</script>

А лучше использовать fetch, как все нормальные люди

[Анастасия]

Михаил, я использовала fetch, а он у меня даже на edge не заработал.