Почему у меня получается объект с неверными ключами?

Question

[Little_Junior]

У меня есть форма, которую я отправляю через AJAX.
Я делаю такой запрос:

var formData = {
    'details': $("#order").serializeArray(),
    'items': JSON.parse(Cookies.get('basket')),
    'visitor': <?php echo (!empty($visitor)) ? json_encode($visitor) : null; ?>
};

console.log(formData);

$.ajax({
    type: 'POST',
    url: '/api/order/',
    data: JSON.stringify(formData),
    dataType: 'json',
    success: function(response) {
        console.log(response);

        if (response.status == 1) {
            handler = {
                'id': response.data.id
            };
        }
});

В итоге я получаю массив, но в details неверные ключи: они пронумерованные 0, 1, 2 ... , а в них уже лежат массивы с ключами name и value. Как это исправить, чтобы изначально отправлялось name => value?

Comments

[Сергей delphinpro]

serializeArray() замените на serialize()

[Little_Junior]

Сергей delphinpro, пробовал по разному всё, что-то не вышло как надо...

Answer 1

[Юрий Горбунов]

Вам нужно обработать получаемый массив от serializeArray

const detailsData = $('form').serializeArray()

let details = {};
for (let i = 0; i < detailsData.length; i++) {
    details[detailsData[i]['name']] = detailsData[i]['value'];
}

var formData = {
    'details': details,
    'items': JSON.parse(Cookies.get('basket')),
    'visitor': <?php echo (!empty($visitor)) ? json_encode($visitor) : null; ?>
};

console.log(formData);

Comments

[Little_Junior]

Спасибо большое, ты лучший

Answer 2

[Сергей Кореневский]

А почему Вы не использовали объект new FormData(form) ?
https://learn.javascript.ru/formdata

Comments

[Little_Junior]

Просто я новичок в javascript, спасибо за линк