0
351
Vistas¿Cómo redirigir a un usuario en función de una respuesta de formulario HTML devuelta?
Tengo un formulario HTML que envía una solicitud POST a una función sin servidor de Nelify. La función sin servidor realiza algún procesamiento y luego devuelve una URL.
Estoy usando un formulario HTML para llamar a la función sin servidor de Nelify porque usar una fetch de JavaScript generaba un error de CORS. El formulario HTML no lo hace.
El HTML del formulario se ve así:
<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>Captura de pantalla del formulario HTML (solo se ve el botón):
Cuando se recibe una respuesta, la página cambia de lugar y el HTML del formulario cambia para verse así:
<html> <body> <pre>{"url":"https://checkout.stripe.com/pay/cs_test_a1XZXYz2N8iS46oPtgZUsCFqe434u1c76D5MQrGkNeIW0yjEHbs0oYAx3h#fidkdWxOYHwnPyd1blpxYHZxWjA0T18xUTxGNGFBQjNSZEhXcX0xQH9QcExWRGxwNVRoT39gfDA0f1d3UUM3f0ByQT12Z0IyfXBKbTVVb05jUnFnNlxqf3Y9bl9XMUJWPWlqanR3RD0wVVRUNTU0UH13TDBHRCcpJ2N3amhWYHdzYHcnP3F3cGApJ2lkfGpwcVF8dWAnPyd2bGtiaWBabHFgaCcpJ2BrZGdpYFVpZGZgbWppYWB3dic%2FcXdwYHgl"} </pre> </body> </html>Y aquí hay una captura de pantalla de cómo se ve en la página:
Dicho todo esto, tengo dos preguntas:
- ¿Cómo tomo la
urlen la respuesta y redirijo al usuario a esa página? Sé que esto requiere JavaScipt, pero no estoy seguro de qué debería ser. - No quiero que la respuesta se muestre en la página. ¿Cómo evito que se muestre al usuario? ¿Quizás la redirección ocultará esto?
1 Respuestas
Responde la pregunta0
Si solo desea obtener la URL, siga el tutorial en w3schools aquí
https://www.w3schools.com/jsref/prop_doc_url.asp
y si desea redirigir después de obtener la URL, aquí está el tutorial.
https://www.w3schools.com/howto/howto_js_redirect_webpage.asp
y si queremos url en respuesta ver esto.