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

176
19 апреля 2022, 14:50

Написал ajax запрос для тестирования бэка. При отправке запроса передаются только заголовки. Самих данных нет. Что может работать не праивльно?

function post() {
  let system = 'dbdc5f12d59f12ef1',
    keys = ['92efa55edb5', '602923fd28d6ef7b'],
    url = host + '/system/add/',
    csrftoken = getCookie('csrftoken');
  $.ajax(url, {
    timeout: 5500,
    method: 'POST',
    headers: {
      "Content-Type": "application/json",
      "cache-control": "no-cache",
      "X-CSRFToken": csrftoken
    },
    data: {
      system: system,
      key: keys
    }
  })
    .then(function (response) {
      console.log(response);
    },
    function (error) {
      console.log(error);
    });
}
Answer 1

Когда вы указываете "Content-Type": "application/json" это не означает что jQuery или браузер сами сфортируют json из тех данных что вы передали.

Если заглянуть в консоль, то вы увидете что данные отправляются не в json формате:

Так же, если бек на php, то $_POST будет пуст из-за того что указан "Content-Type": "application/json", даже если фактически данные не были в json

Такой код:

<?php
var_dump($_POST);
var_dump(file_get_contents('php://input'));

Даст такой вывод:

array(0) {
}
string(73) "system=dbdc5f12d59f12ef1&key%5B%5D=92efa55edb5&key%5B%5D=602923fd28d6ef7b"
Answer 2

@Ein забыл намекнуть Вам, что вместо

  data: {
      system: system,
      key: keys
  }

необходимо вставить:

data: JSON.stringify( { "system": system, "key": keys  } )
READ ALSO
Обращение к элементу в JavaScript
jQuery

Обращение к элементу в JavaScript

В jQuery обращение к элементу происходит с помощью $('#id')onEventName()= {} или $('

 259
Изменение стиля Чекбокса (Checkbox JS)
jQuery

Изменение стиля Чекбокса (Checkbox JS)

Помогите, пожалуйста Делается тест, в рамках которого после нажатия кнопки происходит проверка корректности ответа и правильные ответы...

 174
Пересчет значения элемента при помощи jQuery
jQuery

Пересчет значения элемента при помощи jQuery

Вопрос следующий:

 136
Добавить input в форму при клике
jQuery

Добавить input в форму при клике

Есть несколько блоков такого вида:

 263