JavaScript 网络请求实战：GET 与 POST 方法详解

默认情况下，服务器端逻辑可能无法直接读取原始 POST 数据，特别是当模拟表单提交时。此时需要设置 Content-Type 头部为 application/x-www-form-urlencoded，并将数据格式化为查询字符串样式。

如果页面中存在表单，可以使用类似 serialize() 的工具函数将其转换为字符串：

function submitData() {
    let xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function() {
        if (xhr.readyState == 4) {
            if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304) {
                alert(xhr.responseText);
            } else {
                alert("Request was unsuccessful: " + xhr.status);
            }
        }
    };
    xhr.open("post", "postexample.php", true);
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    let form = document.getElementById("user-info");
    xhr.send(serialize(form));
}

在这个示例中，ID 为 user-info 的表单数据被序列化后发送。后端 PHP 脚本可以通过 $_POST 变量接收这些数据。需要注意的是，如果没有显式设置 Content-Type，PHP 的全局 $_POST 变量可能为空，此时需要通过 $HTTP_RAW_POST_DATA 来获取原始输入流。

<?php header("Content-Type: text/plain"); 
echo htmlspecialchars($_POST['name'] ?? '');
?>