«Если рабочий хочет хорошо выполнять свою работу, он должен сначала заточить свои инструменты» — Конфуций, «Аналитики Конфуция. Лу Лингун»
титульная страница > программирование > Как преобразовать HTML5 FormData в JSON без jQuery или сериализации?

Как преобразовать HTML5 FormData в JSON без jQuery или сериализации?

Опубликовано в 2025-03-22
Просматривать:249

How to Convert HTML5 FormData to JSON Without jQuery or Serialization?

преобразование html5 formdata в json: пошаговое руководство

: преобразование вступлений объекта FormData в JSON без JQuery или Serialization the Allizing the Valialization the Allizing the Formdata. Object.

] ответить:

для преобразования записей объекта FormData в JSON, выполните следующие действия:

  1. создать пустой объект, чтобы сохранить пары ключа/value. foreach.
  2. для каждой записи установите ключ в пустого объекта на имя записи и значение его значения.
  3. преобразовать объект в JSON, используя пример json.stringify ().
  4. = value; }); var json = json.stringify (object);
пример с использованием функций стрелки ES6:

var object = {}; formData.foreach ((значение, ключ) => объект [key] = value); var json = json.stringify (object);
var object = {};
formData.forEach(function(value, key){
    object[key] = value;
});
var json = JSON.stringify(object);
Поддержка для нескольких избранных списков:

Если ваша форма содержит многочисленные списки или другие элементы с несколькими значениями, вы можете использовать следующий подход:

var object = {};
formData.forEach((value, key) => object[key] = value);
var json = JSON.stringify(object);

отправка FormData на сервер:

Если вы намереваетесь отправить данные формы на сервер, вы можете пропустить конверсию в JSON и напрямую отправить объект FormData, используя xmlhtprequest или apt request.

var object = {};
formData.forEach((value, key) => {
    if(!Reflect.has(object, key)){
        object[key] = value;
        return;
    }
    if(!Array.isArray(object[key])){
        object[key] = [object[key]];    
    }
    object[key].push(value);
});

метод json.stringify () не может поддерживать все типы объектов. Если ваш объект содержит неподдерживаемые типы, вам может потребоваться реализовать метод Tojson (), чтобы указать логику сериализации. ]

Последний учебник Более>

Изучайте китайский

Отказ от ответственности: Все предоставленные ресурсы частично взяты из Интернета. В случае нарушения ваших авторских прав или других прав и интересов, пожалуйста, объясните подробные причины и предоставьте доказательства авторских прав или прав и интересов, а затем отправьте их по электронной почте: [email protected]. Мы сделаем это за вас как можно скорее.

Copyright© 2022 湘ICP备2022001581号-3