在这个指南中,我们将探讨如何使用 JavaScript 与我们的 API 进行交互。以下是几个示例,展示了如何调用我们的 API 并处理响应。
示例 1: 获取用户信息
以下是如何使用 JavaScript 调用我们的用户信息 API 的示例:
fetch('/api/users/123')
.then(response => response.json())
.then(data => {
console.log(data);
})
.catch(error => {
console.error('Error:', error);
});
示例 2: 发送数据到 API
这个示例展示了如何向我们的 API 发送数据:
fetch('/api/posts', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({ title: 'Hello, API!', content: 'This is a test post.' }),
})
.then(response => response.json())
.then(data => {
console.log('Success:', data);
})
.catch(error => {
console.error('Error:', error);
});
示例 3: 处理 API 错误
当 API 返回错误时,我们需要正确处理这些错误。以下是如何处理 API 错误的示例:
fetch('/api/bad-endpoint')
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
console.log(data);
})
.catch(error => {
console.error('Error:', error);
});
API Interaction Diagram