JavaScript 实现POST方式提交表单

最新推荐文章于 2026-04-24 21:27:14 发布

原创最新推荐文章于 2026-04-24 21:27:14 发布 · 3.4w 阅读

6 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #input #url #function

收录于

Web 同时被 2 个专栏收录

26 篇文章

订阅专栏

JavaScript & JQuery

13 篇文章

订阅专栏

本文提供了一种使用JavaScript实现POST表单提交的方法，特别针对URL数据长度过长的情况进行了优化。通过创建自定义表单元素并设置隐藏输入字段，将数据分批次提交，有效解决了URL地址过长导致的请求失败问题。

使用js实现POST表单提交主要应该在使用url数据提交时url地址超长的问题。

JavaScript代码如下：

//Post方式提交表单
function PostSubmit(url, data, msg) {
    var postUrl = url;//提交地址
    var postData = data;//第一个数据
    var msgData = msg;//第二个数据
    var ExportForm = document.createElement("FORM");
    document.body.appendChild(ExportForm);
    ExportForm.method = "POST";
    var newElement = document.createElement("input");
    newElement.setAttribute("name", "sn");
    newElement.setAttribute("type", "hidden");
    var newElement2 = document.createElement("input");
    newElement2.setAttribute("name", "no");
    newElement2.setAttribute("type", "hidden");
    ExportForm.appendChild(newElement);
    ExportForm.appendChild(newElement2);
    newElement.value = postData;
    newElement2.value = msgData;
    ExportForm.action = postUrl;
    ExportForm.submit();
};

页面调用就是普通的javascript调用方式。