问题分析：为什么 PHP 接收到空参数？
在使用 fetch api 向 php 后端发送 post 请求时，开发者常会遇到 php 的 $_post 数组为空的情况。这通常是由于以下两个核心问题导致的：
Content-Type 请求头配置不当或重复定义： 当 fetch 请求配置对象中包含重复的 headers 键时，JavaScript 会默认采用后一个定义的值。如果后一个 Content-Type 设置为 application/text; charset=UTF-8 而非 application/x-www-form-urlencoded，PHP 就无法正确解析 POST 请求体中的表单数据。PHP 默认期望 application/x-www-form-urlencoded 或 multipart/form-data 类型的 POST 请求体才能自动填充 $_POST 数组。
请求体 (Body) 数据编码不正确： 即使 Content-Type 设置正确，如果 body 中的数据没有按照键值对的形式正确编码，或者没有将 JavaScript 变量的值正确地拼接进去，PHP 同样无法获取到预期的参数。原始问题中的 body: 'nom=tp_curso&versio=vr_curso&...' 字符串是硬编码的，并没有将 tp_curso 等变量的实际值发送出去。
解决方案一：正确配置 Content-Type 头部
首先，需要确保 fetch 请求的 Content-Type 头部设置正确且没有重复。在 fetch 的选项对象中，headers 键如果出现多次，后面的定义会覆盖前面的。
错误示例：
let respuesta = fetch(fichero, {
method: "POST",
headers: {
'Content-Type': 'application/x-www-form-urlencoded', // 第一次定义
},
body: '...',
headers: {"Content-type": "application/text; charset=UTF-8"} // 第二次定义，覆盖了第一次
});在这个例子中，application/text; charset=UTF-8 会覆盖掉 application/x-www-form-urlencoded。当请求体是表单数据时，这会导致 PHP 无法解析。
正确配置：
立即学习“PHP免费学习笔记（深入）”；
应该只定义一次 headers 对象，并确保 Content-Type 与你发送的数据类型匹配。对于标准的 URL 编码表单数据，应设置为 application/x-www-form-urlencoded。
fetch(fichero, {
method: "POST",
headers: {
'Content-Type': 'application/x-www-form-urlencoded', // 确保只定义一次并正确设置
},
body: '...', // 请求体数据
})
// ... 后续处理解决方案二：正确编码请求体 (Body) 数据
解决了 Content-Type 问题后，下一步是确保 body 中的数据是动态的，并且按照后端期望的格式进行编码。以下是几种常用的方法：
方法一：使用模板字符串和 encodeURIComponent
当需要手动构建 URL 编码的字符串时，应使用模板字符串（Template Strings）来嵌入变量，并使用 encodeURIComponent() 函数对每个参数值进行编码，以处理特殊字符（如空格、&、= 等）。
let tp_curso = document.getElementById("actualizar_nombre").value;
let vr_curso = document.getElementById("version_lenguaje").value;
let pr_curso = document.getElementById("programa_curso").value;
let fp_curso = document.getElementById("ficheros_curso").value;
let vp_curso = document.getElementById("videos_curso").value;
let ncurs_val = "curso_actualizar"; // 假设这是一个固定值或从其他地方获取
let bodyData = `nom=${encodeURIComponent(tp_curso)}&versio=${encodeURIComponent(vr_curso)}&programa=${encodeURIComponent(pr_curso)}&fitxers=${encodeURIComponent(fp_curso)}&videos=${encodeURIComponent(vp_curso)}&ncurs=${encodeURIComponent(ncurs_val)}`;
fetch(fichero, {
method: "POST",
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
},
body: bodyData,
})
.then(respuesta => respuesta.text())
.then(respuesta => {
alert(respuesta);
})
.catch(error => alert("Se ha producido un error: " + error));注意事项： 这种方法适用于少量参数，当参数较多时，手动拼接容易出错。
方法二：使用 URLSearchParams 对象
URLSearchParams 接口提供了一种处理 URL 查询字符串的便捷方式。它可以用于构建 application/x-www-form-urlencoded 格式的请求体。
let tp_curso = document.getElementById("actualizar_nombre").value;
let vr_curso = document.getElementById("version_lenguaje").value;
let pr_curso = document.getElementById("programa_curso").value;
let fp_curso = document.getElementById("ficheros_curso").value;
let vp_curso = document.getElementById("videos_curso").value;
let ncurs_val = "curso_actualizar";
const params = new URLSearchParams();
params.append('nom', tp_curso);
params.append('versio', vr_curso);
params.append('programa', pr_curso);
params.append('fitxers', fp_curso);
params.append('videos', vp_curso);
params.append('ncurs', ncurs_val);
// 或者，更简洁的方式，直接传入一个对象
// const params = new URLSearchParams({
// nom: tp_curso,
// versio: vr_curso,
// programa: pr_curso,
// fitxers: fp_curso,
// videos: vp_curso,
// ncurs: ncurs_val
// });
fetch(fichero, {
method: "POST",
headers: {
// 当 body 是 URLSearchParams 对象时，fetch 会自动设置 Content-Type 为 application/x-www-form-urlencoded
// 所以通常可以省略 headers 的 Content-Type 设置，但显式设置也无妨
'Content-Type': 'application/x-www-form-urlencoded',
},
body: params, // 直接将 URLSearchParams 对象作为 body
})
.then(respuesta => respuesta.text())
.then(respuesta => {
alert(respuesta);
})
.catch(error => alert("Se ha producido un error: " + error));优势： 自动处理编码，代码更简洁，不易出错。
方法三：使用 FormData 对象
FormData 对象是处理表单数据最方便的方式，尤其当你的数据来源于 HTML
