JavaScript Form表单提交 – MasterH杂货铺

JavaScript Form表单提交

用JavaScript实现表单的提交,代码如下:

/**
    res = {
        name1: value1,
        name2: value2,
        action: 'https://ankerxiao.com'
    }
*/
const res = await getData();
let form = document.createElement('form');
const innerHtml = `
    <input type="hidden" name="name1" value="${res.name1}"></input>
    <input type="hidden" name="name2" value="${res.name2}"></input>
`
form.innerHTML = innerHtml; // 设置innerHTML,用于提交请求的数据
form.action = res.action; // 设置表单请求链接
form.method = 'POST'; // 设置表单提交方式
form.target = '__blank'; // 新打开标签页
document.body.append(form); // 必须要添加到body里
form.submit(); // 提交表单

Related Posts

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注