js post

// 使用 XMLHttpRequest 发送 POST 请求的示例

function sendPostRequest(url, data) {
    return new Promise((resolve, reject) => {
        const xhr = new XMLHttpRequest();
        xhr.open("POST", url, true);
        xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");

        xhr.onreadystatechange = function () {
            if (xhr.readyState === 4) {
                if (xhr.status === 200) {
                    resolve(xhr.responseText);
                } else {
                    reject(new Error("请求失败，状态码：" + xhr.status));
                }
            }
        };

        xhr.onerror = function () {
            reject(new Error("网络错误"));
        };

        xhr.send(JSON.stringify(data));
    });
}

// 示例调用
const url = "https://example.com/api";
const data = { key: "value" };

sendPostRequest(url, data)
    .then(response => console.log("响应数据:", response))
    .catch(error => console.error("错误:", error));

解释说明：

1. XMLHttpRequest：这是浏览器内置的对象，用于与服务器进行交互。它允许我们从服务器获取数据或向服务器发送数据。
2. open() 方法：初始化一个请求。参数包括请求方法（如 POST）、请求的 URL 和是否异步。
3. setRequestHeader() 方法：设置 HTTP 请求头。这里设置了 Content-Type 为 application/json，表示发送的数据是 JSON 格式。
4. onreadystatechange 事件：当 readyState 属性改变时触发。readyState 为 4 表示请求已完成。
5. status 属性：表示 HTTP 状态码。200 表示请求成功。
6. send() 方法：发送请求。如果发送的数据是 JSON 格式的对象，则需要先使用 JSON.stringify() 将其转换为字符串。
7. Promise：用于处理异步操作。resolve 表示成功，reject 表示失败。

这个示例展示了如何使用原生 JavaScript 发送 POST 请求，并处理响应和错误。