POST数据并通过Deeplink重定向以做出反应

时间:2018-11-30 07:48:29

标签: javascript reactjs post

我需要使用具有自定义受控字段的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

更新:

获取深层链接网址如下:

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

对于帖子:

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

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

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

1 个答案:

答案 0 :(得分:1)

使用fetch() API(已在所有更高版本的chrome / firefox上非常标准),或使用诸如axios之类的库使用标准ajax发出发布请求。

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