js ajax post

// 使用原生 JavaScript 发送 AJAX POST 请求的示例代码

function sendPostRequest(url, data, callback) {
    // 创建一个新的 XMLHttpRequest 对象
    var xhr = new XMLHttpRequest();

    // 配置请求
    xhr.open("POST", url, true);

    // 设置请求头，告知服务器我们发送的是 JSON 数据
    xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");

    // 当请求状态发生改变时触发该函数
    xhr.onreadystatechange = function () {
        // 检查请求是否完成并且响应已准备好
        if (xhr.readyState === 4 && xhr.status === 200) {
            // 调用回调函数并传递响应文本
            callback(xhr.responseText);
        }
    };

    // 将数据转换为 JSON 字符串并发送请求
    xhr.send(JSON.stringify(data));
}

// 示例调用
var url = "https://example.com/api";
var data = { name: "John", age: 30 };

sendPostRequest(url, data, function(response) {
    console.log("服务器响应:", response);
});

解释说明：

1. 创建 XMLHttpRequest 对象：用于与服务器进行通信。
2. 配置请求：使用 open 方法指定请求类型（POST）、目标 URL 和是否异步。
3. 设置请求头：通过 setRequestHeader 方法设置请求头，告知服务器我们发送的是 JSON 数据。
4. 处理响应：通过 onreadystatechange 事件监听请求状态的变化，当请求完成且状态码为 200 时，调用回调函数处理响应。
5. 发送数据：将 JavaScript 对象转换为 JSON 字符串并通过 send 方法发送给服务器。