Ajax数据和fetch API的请求主体之间的区别在于数据的格式和发送方式。
const xhr = new XMLHttpRequest();
xhr.open('POST', 'https://example.com/api');
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
console.log(xhr.responseText);
}
};
const data = { name: 'John', age: 30 };
xhr.send(JSON.stringify(data));
const data = { name: 'John', age: 30 };
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));
在上述代码中,我们使用fetch API发送了一个POST请求,并将数据以JSON格式发送给服务器。然后,我们使用response.json()方法将响应数据解析为JSON格式,并在控制台输出。