js模拟模拟form表单发起请求

后会无期77

于 2025-06-20 14:58:15 发布

阅读量157

点赞数 3

CC 4.0 BY-SA版权

分类专栏：前端碎碎练文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/u011628753/article/details/148792551

前端碎碎练专栏收录该内容

71 篇文章

订阅专栏

js拼接构建表单

function openWindow(name) {
        var iWidth = 1100; //弹出窗口的宽度;
        var iHeight = 550; //弹出窗口的高度;
        var iTop = (window.screen.availHeight - 30 - iHeight) / 2; //获得窗口的垂直位置;
        var iLeft = (window.screen.availWidth - 10 - iWidth) / 2; //获得窗口的水平位置;
        window.open('about:blank', name, "height=" + iHeight + ", width=" + iWidth + ", top=" + iTop + ", left=" + iLeft + ",toolbar=no, menubar=no,  scrollbars=yes,resizable=yes,location=no, status=no");
    }

    function openPostWindow(url, data, name) {
        var tempForm = document.createElement("form");
        tempForm.id = "tempForm1";
        tempForm.method = "post";
        tempForm.action = url;
        tempForm.target = name;

        for (key in data) {
            var hideInput = document.createElement("input");
            hideInput.type = "hidden";
            hideInput.name = key;
            hideInput.value = data[key];
            tempForm.appendChild(hideInput);
        }

        //增加提交监听 处理浏览器的兼容性
        if (window.attachEvent) {
            tempForm.attachEvent("onsubmit", function () {
                openWindow(name);
            });
        } else if (window.addEventListener) {
            tempForm.addEventListener("onsubmit", function () {
                openWindow(name);
            });
        }
        document.body.appendChild(tempForm);
        //触发监听 处理浏览器的兼容性
        if (tempForm.fireEvent) {
            tempForm.fireEvent("onsubmit");
        } else {
            var evt = document.createEvent('HTMLEvents');
            evt.initEvent('onsubmit', true, true);
            tempForm.dispatchEvent(evt);
        }
        tempForm.submit();
        document.body.removeChild(tempForm);
    }

发起请求

 openPostWindow("/demo1/post1", {
                        "fromType": "A",
                        "startDt": startDt,
                        "endDt":endDt
                    }, 'mywin')