JavaScript-如何根据返回的HTML表单响应重定向用户？-堆栈溢出

顺晟科技

2022-10-18 12:49:17

186

我有一个HTML表单，它向Nelify无服务器函数提交POST请求。无服务器函数进行一些处理，然后返回一个URL.

我使用HTML表单来调用nelify无服务器函数，因为使用JavaScriptfetch会抛出CORS错误。HTML表单则没有。

表单的

HTML如下所示：

<代码><；HTML（>；）<；头部>；<；/标题>；<；身体>；<；表单操作="；https：//www.example.com/.netlify/functions/stripe-create-checkout-session"方法="；后"；>；<；输入类型="；隐藏"；名称="；价格ID"；值="；价格_1JZS_示例"；/>；<；按钮ID="；条带-btn"；类型="；提交"；>；签出测试启动程序计划<；/Button>；<；/窗体>；<；/正文>；<；/HTML>；

HTML表单的

屏幕截图（仅显示按钮）：

当收到响应时，页面会在适当的位置进行更改，并且表单的HTML会更改为如下所示：

<代码><；HTML（>；）<；身体>；<；前>；{"；URL"；："；https：//checkout.stripe.com/pay/cs_test_a1xzxyz2n8is46optgzuscfqe434u1c76d5mqrgkneiw0yjehbs0oyax3h#fidkdwxoyhwnpyd1blpxyhzxwja0t18xutxgngfbqjnszehxcx0xqh9qcexwrgxwnvrot39gfda0f1d3uum3f0byqt12z0iyfxbkbtvvb05junfnnlxqf3y9bl9xmujwpwlqanr3rd0wvvruntu0uh13tdbhrccpj2n3amhwyhdzyhcnp3f3cgapj2lkfgpwcvf8dwanpyd2bgtiawbabhfgaccpj2brzgdpyfvpzgzgbwppywb3dic%2fcxdwyhgl"}<；/pre>；<；/正文>；<；/HTML>；

下面是页面上的屏幕截图：

说了

这么多，我有两个问题：

如何获取响应中的<html> <head> </head> <body> <form action="https://www.example.com/.netlify/functions/stripe-create-checkout-session" method="POST"> <input type="hidden" name="priceId" value="price_1JZS_EXAMPLE" /> <button id="stripe-btn" type="submit">Checkout Test Starter Plan</button> </form> </body> </html>并将用户重定向到该页面？我知道这需要JavaScipt，但我不确定它应该是什么。
我不希望在页面上呈现响应。如何阻止它显示给用户？也许重定向会隐藏这一点？

顺晟科技：

如果您只想获取URL，请按照此处

的W3Schools教程进行操作https：//www.w3schools.com/jsref/prop_doc_url.asp.

如果你想在抓取URL后重定向，那么这里是教程。

https：//www.w3schools.com/howto/howto_js_redirect_webpage.asp.

如果我们想要响应URL，请看这个。

获取NodeJS（Express/HTTP）

中URL的响应

上一篇：HTML-当我使用box-shado 下一篇：HTML-登录后从缓存加载而不是发出

网站建设

Html

JavaScript-如何根据返回的HTML表单响应重定向用户？-堆栈溢出