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

201
19 апреля 2022, 19:20

Не ругайте за банальный вопрос, но ответа не нашел. Хочу забрать данные из формы, чтобы потом объект конвертировать в 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));
READ ALSO
Как превратить подобный кусок html в json, а затем обратно?
jQuery

Как превратить подобный кусок html в json, а затем обратно?

У меня есть такой кусок html:

 351
Как обратиться к элементу в jQuery?
jQuery

Как обратиться к элементу в jQuery?

Есть мини SPA, он тянет по AJAX небольшие массивы данных из базы: номер комнаты и ее статус

 172
JQuery плагин DataTable вопрос с AJAX
jQuery

JQuery плагин DataTable вопрос с AJAX

В данном плагине присутствуют паддинги и они считаются от кол-ва строк, но если у меня 100к данных в бд - это глупо выполнять 1 запрос и рендерить...

 286
jQuery DatePicker в Сафари не отключает даты
jQuery

jQuery DatePicker в Сафари не отключает даты

У меня есть двумерный массив дат, которые пользователь не может выбиратьDatePicker не отключает эти даты именно в Сафари и пользователь без проблем...

 188