Wordpress возвращает 400 Bad Request при вызове ajax с API-интерфейсом fetch

Я делаю Ajax-вызов admin-ajax.php с синтаксисом fetch API. Вот код, который вызывает внутренний скрипт:

fetch(ajax_obj.ajaxurl, {
    method: "POST",
    mode: "cors",
    cache: "no-cache",
    credentials: "same-origin",
    body: JSON.stringify(this.data),
    headers: {
      "Content-Type": "application/json"
    }
  })

и получение ответа 400 Bad Request.

Может кто подскажет, где этот запрос не тот?

Проверяя средства разработки сети в хроме, я вижу, что отправленное тело в порядке, URL-адрес также в порядке ... ... и насколько я знаю, коды состояния 4xx предназначены для ошибок на клиенте, поэтому я даже не смотрю на код на стороне сервера ... если я ошибаюсь, пожалуйста, дайте мне отзыв об этом ...

Собственно, у меня был вызов jQuery ajax следующим образом:

this.data = {
              'action': 'ajax_product_query',
              'locations': this.locations,
              'type': this.category != '' ? this.category : [],
              'all-locations': this.filters['locationFilter'].all.checked,
              'page': ajax_obj.current_page
            };

          $.ajax({
            url: ajax_obj.ajaxurl,
            method: 'post',
            dataType: 'json',
            data: this.data,
            beforeSend: function(xhr) {
              button.innerHTML = 'Loading...';
            },
            success: (data) => {  ...

... и это сработало как шарм ...

Затем, желая удалить зависимость jQuery, захотелось превратить вызов jQuery ajax в синтаксис Fetch API следующим образом:

fetch(ajax_obj.ajaxurl, {
    method: "POST",
    mode: "cors",
    cache: "no-cache",
    credentials: "same-origin",
    body: JSON.stringify(this.data),
    headers: {
      "Content-Type": "application/json"
    }
  })
  .then(response => response.json()) ...

И чем запросы превратились в 400 плохих запросов ...

Спасибо!

Нам нужно увидеть больше вашего кода, чтобы помочь.

cabrerahector 13.01.2019 17:42

Какой именно код ... Я бы поделился внутренним скриптом, но, как я уже упоминал, процесс терпит неудачу из-за внешнего интерфейса ...

Viktor Dojcinovski 13.01.2019 21:32

Хорошо, тогда устраивайся. Удачи!

cabrerahector 13.01.2019 21:34

Хорошо, я постараюсь дать еще несколько объяснений ... Спасибо

Viktor Dojcinovski 13.01.2019 22:26

Вы нашли решение этой проблемы?

pu4cu 13.12.2019 00:50
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
4
6
1 382
1

Ответы 1

Потому что после запроса JS fetch POST вы не можете получить данные $ _POST в Php. Грязный раствор. Вы можете добавить этот код в u "/wp-admin/admin-ajax.php", чтобы решить эту проблему:

if ( !empty( trim( file_get_contents("php://input" ) ) ) ) {
  $post = trim(file_get_contents("php://input"));
  $_POST = ( array ) json_decode( $post );
    $_REQUEST['action'] = $_POST['action'];
}

Или попробуйте найти лучшее решение. P.S. Извините за мой английский

Другие вопросы по теме