[点晴永久免费OA]html用隐藏iframe做提交保存，似乎是url太长，变成404了│js

[点晴永久免费OA]html用隐藏iframe做提交保存，似乎是url太长，变成404了

当前位置：点晴教程→点晴OA办公管理信息系统 →『经验分享&问题答疑』

freeflydom

2026年7月1日 9:12 本文热度 352

：html用隐藏iframe做提交保存，似乎是url太长，变成404了

错误的方式（会导致 404）

直接设置 iframe.src = '/api/save?content=…'
或使用 method="get" 的表单，数据都拼接到 URL 后面
当 URL 总长度超过浏览器/服务器限制时，请求会被截断或拒绝，服务器找不到正确的路径参数 → 返回 404。

正确的隐藏 iframe POST 方式

创建一个隐藏的 <iframe name="hiddenFrame">
创建一个 <form method="post" target="hiddenFrame">
将超长数据放入 <input type="hidden"> 或 <textarea> 等字段中
提交表单时，所有数据通过 HTTP 请求体传输，URL 只包含路径，不包含问号后面内容，完全不受长度影响。

对于现代项目，强烈推荐直接使用 fetch 发送 POST 请求，并处理响应，代码更清晰，无需 iframe：

javascript

fetch('/api/save', {
  method: 'POST',
  headers: {'Content-Type': 'application/json'},
  body: JSON.stringify({ content: longText })
}).then(res => res.text()).then(console.log);

使用 URL 编码格式 (x-www-form-urlencoded)

javascript

const longText = document.getElementById('longData').value;
// 将数据编码为 query string 格式
const encodedData = new URLSearchParams();
encodedData.append('content', longText);
fetch('/api/save', {
    method: 'POST',
    headers: {
        'Content-Type': 'application/x-www-form-urlencoded'
    },
    body: encodedData   // 结果是 "content=...&..."
})
.then(response => response.text())
.then(data => console.log(data));

该文章在 2026/7/1 9:12:18 编辑过

[点晴永久免费OA]html用隐藏iframe做提交保存，似乎是url太长，变成404了

扫码分享