Почему не правильно передаются данные по ajax?

Question

[Антон Шелестов]

Народ всем привет!

Не пойму в чем дело.
есть ajax запрос:

window.rcbx = axios.create({
        baseURL: host + '/api/widget/',
        headers: {'Content-Type': 'application/x-www-form-urlencoded', 'Accept': 'application/json'},
        withCredentials: true,
    });

                rcbx.post('login', {
                        sid: 10,
                        wid: 3,
                        cid: 25
                    })
                    .then((response) => {
                        console.log('Success Login User', response.data);
                    })
                    .catch((error) => {
                        console.log('Error', error);
                    })
                    .then(() => {
                        console.log('Complete');
                    });

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



а не как нормальный массив

Comments

[Дмитрий Ларин]

бек отдает невалидный json?
двоеточие на конце явно лишнее, может из за этого ломается JSON.parce()

[Антон Шелестов]

Дмитрий Ларин, при таком запросе до отдачи от сервера не доходит
Данные разобрать не может

Answer 1

[qq1]

Нужно передавать FormData объект, а не просто хэш:

var bodyFormData = new FormData();
bodyFormData.set('userName', 'Fred');

Невнимательно прочитал вопрос, действительно, если нужен querystring в теле запроса, то только через qs / URLSearchParams:
https://github.com/axios/axios#using-applicationx-...

Comments

[Антон Шелестов]

Спасибо, попробую

[alex]

qq1 у автора формат application/x-www-form-urlencoded

[Антон Шелестов]

Да попробовал и формат меняется +