javascript - 使用javascript发送带有表单的单个隐藏字段

Question

目前我正在使用 ASP.Net 和一个嵌套 表单。我的问题是， ASP.Net 每页只允许一个表单，但我需要一种子表单 重定向到另一个页面。

我的想法是使用 JavaScript 创建一个 submit，但我不知道如何设置 post 的内容，将被发送。

例如，我尝试使用以下代码:

<div>
    <input type="hidden" value="ABCDE" />
    <input title="Send Form" onclick="this.form.method = 'post'; this.form.action = 'https://externpage/url'; this.form.submit();" type="submit" />
</div>

我的问题是，请求的内容应该只是包含ABCDE 的隐藏字段，而不是页面上的所有字段。我如何使用 JavaScript 和 HTML 实现此目的？

非常感谢!

Answer 1

使用FormData()进行编码。

sendForm=(e)=>{
    let data = new FormData();
    let hidden = document.querySelector('button').parentNode.firstChild.value;
    data.append('hidden',hidden);
    let xhr = new XMLHttpRequest();
    xhr.onreadystatechange=()=>(xhr.readyState == 4) ? console.log(xhr.response) : null;
    xhr.open('POST','http://yoururl.com');
    xhr.send(data);
}
document.addEventListener('DOMContentLoaded',()=>{
    document.querySelector('button').addEventListener('click',sendForm);
});