在这个指南中,我们将探讨如何使用 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);
  });

了解更多关于用户信息 API.

示例 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);
});

更多关于 POST 请求的 API.

示例 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 错误.

API Interaction Diagram