Как перенаправить на внешний URL при отправке formData с запросом POST через fetch () в ReactJS? - PullRequest
Новая
       138

Как перенаправить на внешний URL при отправке formData с запросом POST через fetch () в ReactJS?

0 голосов
/ 04 мая 2020

Я хочу отправить некоторые поля формы во внешний API с запросом POST. Я попытался использовать HTML тег формы с действием и атрибутом метода в React. Отправка этой формы работает нормально. НО, когда я использую fetch () для того же POST, он НЕ перенаправляется на внешний URL. Я только что получил ответ со статусом 200 и перенаправил false. Когда я вручную пытаюсь перенаправить, используя window.location.href = url, он перенаправляет, НО НЕ предоставляет поля формы для API. Как разместить поля POST и получить перенаправление с помощью fetch () в React? 

const formData = new FormData();
  formData.append("MID", mId);
  formData.append("WEBSITE", "WEBSTAGING");
  formData.append("ORDER_ID", orderId);
  formData.append("CUST_ID", userId);
  formData.append("MOBILE_NO", mobile);
  formData.append("EMAIL", email);
  formData.append("INDUSTRY_TYPE_ID", "Retail");
  formData.append("CHANNEL_ID", "WEB");
  formData.append("TXN_AMOUNT", calculateTotal().toString());
  formData.append(
    "CALLBACK_URL",
    "http://localhost:5050/api/payments/verify"
  );
  formData.append("CHECKSUMHASH", checksum);

  console.log(formData);

  fetch("https://securegw-stage.paytm.in/order/process", {
    method: "POST",
    headers: {
      "Content-Type": "multipart/form-data",
    },
    redirect: "follow",
    body: formData,
  }).then((res) => {
    console.log(res);
    //window.location.href = res.url;
  });
...