如何将HTML/JS表单提交给URL 1，但重定向到URL 2
如何将HTML/JS表单提交给URL 1，但重定向到URL 2
提问于 2022-11-11 07:50:08
我想使用HTML或JavaScript创建一个表单，在提交时将数据发送到一个URL，但将浏览器重定向到另一个URL。因此，用户在表单中输入数据，然后单击“Submit”。然后将表单数据发送到https://1111.example.com。提交数据后，浏览器将被重定向到https://2222.example.com。(我没有https://1111.example.com的控制权，所以我不能把重定向放在那里。)
如何使用这种形式的HTML或JavaScript来完成此操作？：
<form action="https://1111.example.com" method="get">
<p><label for="a">a</label><input type="text" name="a" id="a" /></p>
<p><label for="b">b</label><input type="text" name="b" id="b" /><
<p><input type="submit" id="submit" class="button" value="Submit" /></p>
</form>还没有找到解决办法，所以我希望有任何想法。谢谢!
回答 1
Stack Overflow用户
发布于 2022-11-11 19:07:02
您必须等待获取URL，然后根据响应重定向用户。
function sleep(lf_ms) {
return new Promise(resolve => setTimeout(resolve, lf_ms));
}
async function check_form() {
console.log('SENDING');
await sleep(1000);
console.log('CHECKING RESPONSE');
try {
let response = await fetch('http://1111.example.com');
if (response.ok) {
console.log('RESPONSE OK');
window.location = 'http://2222.example.com';
} else {
console.error("HTTP-Error: " + response.status);
}
} catch(e) {
console.error('IMPOSSIBLE REQUEST:');
console.error(e);
}
}<form onsubmit="check_form(); return false;">
<p><label for="a">a</label><input type="text" name="a" id="a" /></p>
<p><label for="b">b</label><input type="text" name="b" id="b" />
<p><input type="submit" id="submit" class="button" value="Submit" /></p>
</form>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/74399451
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号