如何通过URL编码向PHP文件传递多个参数 解决提交插入失败问题

问题原因 #

• 参数分隔符使用错误：application/x-www-form-urlencoded 格式要求多个参数之间用&分隔，你当前代码中用-拼接两个字段，导致PHP无法正常解析出content和subject两个参数值，所以插入逻辑无法触发。
• 未对参数值做URL转义：如果textarea内容包含特殊字符（&、=、空格、中文等），直接拼接会打乱整个参数结构，导致参数解析失败。

修正后的代码 #

function saveContent(){
    const note = document.getElementById("main").value;
    const subjectToSend = subject;
    // 修正分隔符，同时对参数值做URL编码
    let param = "content=" + encodeURIComponent(note) + "&subject=" + encodeURIComponent(subjectToSend);
    const xmlhttp = new XMLHttpRequest();
    xmlhttp.onload = function() {
        // 可添加调试逻辑，打印接口返回结果，排查PHP端问题
        // console.log(this.responseText);
    }
    xmlhttp.open('POST', 'index.php');
    xmlhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
    xmlhttp.send(param);
}

可选调试步骤 #

你可以在PHP端的接口逻辑最上方添加var_dump($_POST);，提交请求后查看接口返回的参数结构，确认content和subject两个值都能被正常接收后，再调试后续的数据库插入逻辑。

内容的提问来源于stack exchange，提问作者Krizsa