Почему не работает fetch?

Question

[Дмитрий]

Если написать ajax запрос серверу через jquery, то всё отлично

но если я напишу на fetch, то выдает ошибку


Например для формы авторизации всё отлично, но в других запросах например для сохранения введённых пользователем данных уже ничего не работает.
и ещё вопрос, в jquery есть свойство crossdomain, подскажите плеаз как оно работает

Comments

[Moses Fender]

fetch не причём, 500 возвращает сервер.

[Модератор]

Дмитрий Читаем п. 3.8 регламента работы сервиса и исправляем. Спасибо.

Answer 1

[Антон Спирин]

1. Fetch работает. Ошибка на стороне сервера. Проверяйте сервер и учитесь работать с вкладкой network в панели разработчика.
2. В варианте с Fetch в body, вашем случае, надо передавать URLSearchParams

const body = new URLSearchParams();

body.set('key', 'value');

fetch(url, {
  method: 'POST',
  headers: {
    'Accept': 'application/x-www-form-urlencoded;charset=UTF-8'
  },
  body,
}).then(...);

3. Лучше используйте для запросов что-нибудь вроде axios.
4. SPA, по-хорошему, должно взаимодействовать с сервером по REST API, а данные передаваться в формате JSON. Никаких 'x-www-form-urlencoded' быть не должно.

и ещё вопрос, в jquery есть свойство crossdomain, подскажите плеаз как оно работает

Забудьте JQuery. Почитайте про CORS

Answer 2

[Дмитрий]

Видимо в dataCanvas в первом случае вы передаете массив, нужно строку 'param1=value1&param2=value2' и используя encodeURIComponent() для значений