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

最新推荐文章于 2023-06-14 06:50:31 发布

旷野历程

最新推荐文章于 2023-06-14 06:50:31 发布

阅读量2.4k

点赞数 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>

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

旷野历程

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
JS动态模拟Form表单提交数据

分享知识传递快乐JS动态模拟Form表单提交数据<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><button onclick="subForm()">提交</button></body>&..
复制链接

扫一扫