Мой JQuery Ajax вызов дает ошибку: ОЖИДАЕМЫЙ ПОСТ

Question

Когда я нажимаю кнопку, в консоли появляется ошибка «ОЖИДАЕМЫЙ ПОСТ». console.log(data) выделено желтым цветом. Предположительно есть проблема JSON, но я не смог ее найти.

var success_callback = function(data) {
  console.log(data);
  $('#results')[0].innerHTML = data;
}

$('button').click(function() {
  $.ajax('ajax.php', {
    data: {
      submission: JSON.stringify({
        prop: $('text_area').val()
      })
    },
    success: success_callback
  });
});

Answer 1

Ошибка означает, что конечная точка на стороне сервера ожидает POST-запрос, но вы отправляете GET (так как это jQuery $.ajax по умолчанию). Чтобы это исправить, просто добавьте type: 'POST' к настройкам.

Также обратите внимание, что вы можете использовать jQuery метод html() вместо создания jQuery объекта, получения элемента Element и последующего обновления innerHTML. Попробуйте это:

var success_callback = function(data) {
  console.log(data);
  $('#results').html(data);
}

$('button').click(function() {
  $.ajax('ajax.php', {
    type: 'POST',
    data: {
      submission: JSON.stringify({
        prop: $('text_area').val()
      })
    },
    success: success_callback
  });
});