使用JS创建虚拟表单

最新推荐文章于 2025-02-20 09:39:58 发布

weixin_34025151

最新推荐文章于 2025-02-20 09:39:58 发布

阅读量1.6k

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://juejin.im/post/5ba2681df265da0a8c6c20bf

web开发中经常需要向后台传递数据，但是又不想在html页面上创建一个真实的表单元素，此时考虑使用JS创建一个虚拟表单，用来向后台传递数据。

JS代码

function ExportWord() {
        // 要传递的值，这里做个简单示例，实际开发中根据情况取值
        var ids = "value";
        // 请求的url
        var url = "/StudentInfo/ExportWord";
        // 创造一个Don元素,这里是表单
        var turnForm = document.createElement("form");
        // 将表单加入body中 一定要加入到body中！！
        document.body.appendChild(turnForm);
        //请求方式 默认为post
        var method = ids['methond'] || "POST"; 
        turnForm.method = method;
        // 弹出新窗口
        turnForm.target = '_blank';
        // 请求地址
        turnForm.action = url;
        // 创建表单元素，用来存储值，传递给后台。这里创建的隐藏域。
        var newElement = document.createElement("input");
        newElement.setAttribute("type", "hidden");
        // 设置Name属性
        newElement.setAttribute("name", "ids");
        // 将创造的隐藏域添加到Form中
        turnForm.appendChild(newElement);
        newElement.setAttribute("value", ids);// 赋值
       
        // 提交表单
        turnForm.submit();
复制代码