【发布时间】：2021-11-13 07:49:45
【问题描述】：
我有一个向 Nelify 无服务器函数提交 POST 请求的 HTML 表单。无服务器函数进行一些处理，然后返回一个 URL。
我正在使用 HTML 表单来调用 Nelify 无服务器函数，因为使用 JavaScript fetch 会引发 CORS 错误。 HTML 表单没有。
表单的 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>
HTML 表单的屏幕截图（只有按钮可见）：
当收到响应时，页面会原地更改，表单的 HTML 会更改为如下所示：
<html>
<body>
<pre>{"url":"https://checkout.stripe.com/pay/cs_test_a1XZXYz2N8iS46oPtgZUsCFqe434u1c76D5MQrGkNeIW0yjEHbs0oYAx3h#fidkdWxOYHwnPyd1blpxYHZxWjA0T18xUTxGNGFBQjNSZEhXcX0xQH9QcExWRGxwNVRoT39gfDA0f1d3UUM3f0ByQT12Z0IyfXBKbTVVb05jUnFnNlxqf3Y9bl9XMUJWPWlqanR3RD0wVVRUNTU0UH13TDBHRCcpJ2N3amhWYHdzYHcnP3F3cGApJ2lkfGpwcVF8dWAnPyd2bGtiaWBabHFgaCcpJ2BrZGdpYFVpZGZgbWppYWB3dic%2FcXdwYHgl"}
</pre>
</body>
</html>
这是页面上的截图：
说了这么多，我有两个问题：
- 如何在响应中获取
url并将用户重定向到该页面？我知道这需要 JavaScipt，但我不确定应该是什么。 - 我不希望在页面上呈现响应。如何阻止它向用户显示？也许重定向会隐藏这一点？
【问题讨论】：
-
顺便说一句，您的 URL 端点不再存在 example.com/.netlify/functions/stripe-create-checkout-session
-
@DVN-Anakin 这是一个示例 URL。不是真的。
标签： javascript html forms