1. XMLHttpRequest
这是 JavaScript 中的一个内置对象,允许发出异步 HTTP 请求。这是在 JavaScript 中进行 API 调用的传统方式。但是,它有一个复杂的 API,并且经常被更现代的方法所取代。
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://jsonplaceholder.typicode.com/posts', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// Process the response data here
}
};
xhr.send();
2. Fetch API
这是一个更新更强大的 API,用于进行 API 调用。它提供了一种更简单、更灵活的方式来处理请求和响应。
fetch('https://jsonplaceholder.typicode.com/posts')
.then(function(response) {
if (response.ok) {
return response.json();
}
throw new Error('Network response was not ok.');
})
.then(function(data) {
// Process the response data here
})
.catch(function(error) {
// Handle errors here
});