js post请求带参数传递

var xhr = new XMLHttpRequest();
xhr.open("POST", 'https://example.com/api', true);
xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");

var data = {
    key1: "value1",
    key2: "value2"
};

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

xhr.onreadystatechange = function () {
    if (xhr.readyState === 4 && xhr.status === 200) {
        var response = JSON.parse(xhr.responseText);
        console.log(response);
    }
};

var data = {
    key1: "value1",
    key2: "value2"
};

fetch('https://example.com/api', {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json'
    },
    body: JSON.stringify(data)
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));

Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: POST, GET, OPTIONS
Access-Control-Allow-Headers: Content-Type

var controller = new AbortController();
var signal = controller.signal;

setTimeout(() => controller.abort(), 5000); // 设置5秒超时

fetch('https://example.com/api', {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json'
    },
    body: JSON.stringify(data),
    signal: signal
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => {
    if (error.name === 'AbortError') {
        console.error('Request timed out');
    } else {
        console.error('Error:', error);
    }
});