Конструктор FormData не забирает данные из форvs

Question

Не ругайте за банальный вопрос, но ответа не нашел. Хочу забрать данные из формы, чтобы потом объект конвертировать в json и отправить через ajax. но при попытке вывести json через alert или console.log выводится пустая строка. В чем моя ошибка?

index.html

<!DOCTYPE html>
<html lang="ru" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <form  id="myform" name="myform" action="index.html" method="post">
      <input type="text" name="first" value="first"></br>
      <input type="text" name="second" value="second"></br>
      <input id="send" type="button" name="submit" value="send">
    </form>
    <script src="jquery-3.5.1.min.js" charset="utf-8"></script>
    <script src="app.js" charset="utf-8"></script>
  </body>
</html>

app.js

let data = new FormData(document.getElementById('myform'));
let json = JSON.stringify(data);
console.log(json);

Заранее спасибо за ответы.

Answer 1

let data = new FormData(document.getElementById('myform'));
let jsonObject = {};
data.forEach((value, key) => {jsonObject[key] = value});
console.log(JSON.stringify(jsonObject));

БЛОГ НА HUSL

Конструктор FormData не забирает данные из форvs

Ответы (1 шт):