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

Question

[seredaes]

var fdx = new FormData();
fdx.append('type', 'avatar');
$.ajax({ type: 'POST', url: '/api/customer/test', data: fdx, processData: false, containType: false, dataType: "json"});

Ответ получаю такой:
на серверной стороне PHP написал print_r($_POST);

Array
(
[------WebKitFormBoundaryzsXHTKl5y6FfR1qc
Content-Disposition:_form-data;_name] => "type"

avatar
------WebKitFormBoundaryzsXHTKl5y6FfR1qc--

)

Раньше работало нормально, а сейчас Ж. Нужно срочно порешать проблему, а я не знаю даже куда копать...

Answer 1

[Петр]

Потому что запрос оправляется как "multipart/form-data" при contentType: false.
Уберите его и должно быть в "application/x-www-form-urlencoded"

Comments

[seredaes]

Поясните, туплю. Просто этот метод на других страницах работает

[Петр]

seredaes: Когда вы работаете с элементом form страницы. (www.w3schools.com/tags/att_form_enctype.asp) вы можете указать атрибут enctype. И в зависимости от типа данные будут паковаться по разному. Так же с jquery ajax.

Answer 2

[Антон Щербаков]

В data: fdx что передаете?

$.ajax({ type: 'POST', url: '/api/customer/test', data: fdx, processData: false, containType: false, dataType: "json"});
console.log(fdx);

Comments

[seredaes]

var fdx = new FormData();
fdx.append('type', 'avatar');

[Антон Щербаков]

seredaes: Вы присваиваете переменной var fdx = new FormData(); результат функции, а после этого добавить в полученное fdx.append('type', 'avatar');
Каша какая-то по-моему.

Что дает консоль в таком случае?
var fdx = new FormData();
console.log(fdx);
fdx.append('type', 'avatar');
console.log(fdx);

[seredaes]

Я думал увижу, что внутри. Я как бы создаю fdx пустую переменную. Потом присваиваю ей значения,
Они приходят, но какие-то кривые

[seredaes]

Зачем-то добавляются к имени такие вещи ------WebKitFormBoundaryzsXHTKl5y6FfR1qc
Content-Disposition:_form-data;_