javascript - POST 数据并通过 Deeplink 在 React 中重定向

Question

我需要使用具有自定义控制字段的 POST 发送数据，用户应该被重定向到另一个页面，并发送相关数据。

通常，对于 GET 请求，Deeplink URL 可以动态更新，如下所示:

handleRedirect=()=>{
 let url = "booking.testurl.com/test?lang={BOOLEAN}&name={NAME}"

然后，

 window.location.href = url; 
}

重定向到包含结果的后续页面。

如果我需要使用 POST(后续 URL 需要)然后重定向，最好的跨浏览器实现是什么？

p.s.: 并非所有字段都是原始输入字段，所以我不想去 <Form method=POST> way

更新:

获取深层链接 url 如下所示:

https://booking.testurl.com/test?lang=EN&name=NAME

对于帖子:

https://mbooking.testurl.com/test
body:{
      lang: "EN",
      Name: "NAME"
 }

表单页面是:"https://testurl.com"

如前所述，这些 url 不会有任何响应，它只是在提交时重定向，但带有 post

Answer 1

使用 fetch() API，它已经成为所有后续版本的 chrome/firefox 的标准，或者使用一些库，例如 axios使用标准 ajax 发出发布请求。

await或将回调 (.then()) 附加到返回的 promise ，完成后，您可以使用 window.location.href = url; 将它们定向到另一个网址。如果这是一个单页应用程序，您也可以查看 react-router 的相关部分来执行此操作(以避免刷新整个页面)。