Отправить запрос с ReactJS - PullRequest
Новая
       30

Отправить запрос с ReactJS

1 голос
/ 07 апреля 2020

В настоящее время я пытаюсь сделать POST-запрос в React для моего приложения. В предыдущей версии моего приложения, используя AJAX, я отправил запрос на этот URL-адрес конечной точки. Отлично работал в оригинале и работал в Почтальоне. (Я мог бы ввести значение для ключа: psid и сделать сообщение) 

https://endpoint.com/viewquestion/:psid

Однако, когда я перешел на React и использовал метод fetch, он продолжал выдавать эту ошибку: 

SyntaxError: "JSON.parse: unexpected character at line 1 column 1 of the JSON data"

Может ли кто-нибудь помочь мне с этим? Спасибо!

Оригинальный код (Jquery): 

function ViewQuestion(psid) {
  $.ajax({
    url:
      "https://endpoint.com/viewquestion/" +
      psid,
    dataType: "text",
    type: "post",
    contentType: "application/x-www-form-urlencoded",
    data: $(this).serialize(),
    success: function(data, textStatus, jQxhr) {
      console.log(data);
      // Logger(data);
    },
    error: function(jqXhr, textStatus, errorThrown) {
      console.log(errorThrown);
    }
  });
}

Новый код (отзыв): 

viewQuestion: (ps_id) => {
  fetch(
    `https://endpoint.com/viewquestion/${ps_id}`,
    {
      method: "POST",
      headers: { "Content-Type": "application/x-www-form-urlencoded" },
    }
  )
    .then((res) => res.json())
    .then((data) => {
      console.log(data);
    })
    .catch((error) => {
      console.log(error);
    });
}

1 Ответ

0 голосов
/ 07 апреля 2020

Это может быть ответ, который вы получаете от сервера. В исходном коде вы не делаете response.json(), а теперь вы делаете. Попробуйте удалить его и откройте файл console.log, чтобы узнать, что вы получаете и как получить доступ к этим данным.

...