JS动态模拟Form表单提交数据

最新推荐文章于 2024-06-28 13:35:42 发布

旷野历程

最新推荐文章于 2024-06-28 13:35:42 发布

阅读量2.5k

点赞数 2

分类专栏： Other 文章标签： Form表单模拟Form表单

本文链接：https://blog.csdn.net/xhaimail/article/details/108219853

版权

Other 专栏收录该内容

69 篇文章 7 订阅

订阅专栏

分享知识传递快乐

JS动态模拟Form表单提交数据

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<button onclick="subForm()">提交</button>
</body>
<script type="text/javascript">

    var createInput = function (name, value) {
        var inputElement = document.createElement("input");
        inputElement.type = "hidden";
        inputElement.name = name;
        if (value != null) {
            inputElement.value = value;
        }
        return inputElement;
    }

    postForm = function (url) {
        // 创建表单
        var formElement = document.createElement("form");
        formElement.action = url;
        formElement.method = "post";
        // 打开新标签
        formElement.target = '_blank';
        formElement.style.display = "none";

        formElement.appendChild(createInput("name", "张三"));
        formElement.appendChild(createInput("age", 12));
        formElement.appendChild(createInput("sex", "男"));

        document.body.appendChild(formElement);
        formElement.submit();
        return formElement;
    }


    function subForm() {
        debugger;

        postForm("https://www.runoob.com");

        debugger;
    }

</script>
</html>

—————————
相互学习，共同进步
如有不足请留言指正