📜  dummy api json - Javascript (1)

📅  最后修改于: 2023-12-03 15:00:33.259000             🧑  作者: Mango

Dummy API JSON - Javascript

如果您是一名程序员,那么在开发时需要与API打交道,而许多API可能需要进行身份验证或流量受限制。因此,使用“虚拟API”可以更容易地进行测试和开发。

dummy api json是一个免费的API,它提供了一个简单的JSON响应,该响应包含您定义的字段和价值。您可以使用它在没有实际API的情况下测试您的代码或 UI。

下面是一个简单的应用程序,它使用dummy api json调用API。

const apiUrl = 'https://dummyapijson.com/api/users';

fetch(apiUrl)
  .then(response => response.json())
  .then(users => {
    // Do something with the returned users data
    console.log(users);
  })
  .catch(error => {
    console.error('Error fetching users:', error);
  });

请注意,您可以更改“apiUrl”以便调用不同的API端点。

API响应格式

dummy api json提供了一些基本的API端点,例如/users,该端点返回如下JSON响应:

{
  "data": [
    {
      "id": 1,
      "email": "jdoe@example.com",
      "first_name": "John",
      "last_name": "Doe",
      "avatar": "https://dummyapijson.com/avatars/mr-fat.png"
    },
    {
      "id": 2,
      "email": "jane.doe@example.com",
      "first_name": "Jane",
      "last_name": "Doe",
      "avatar": "https://dummyapijson.com/avatars/ms-thin.png"
    }
  ]
}

请注意,数据数组位于"data"对象中,因此您需要在代码中使用"users.data"而不是"users"来访问数据。

dummy api json还支持其他类型的端点,例如/books和/companies。

在您自己的项目中使用dummy api json

您可以使用dummy api json在自己的项目中快速设置虚拟API。只需在您的应用程序中构造一个包含您定义的字段和值的JSON响应。例如:

const apiUrl = 'https://dummyapijson.com/api/custom';

fetch(apiUrl)
  .then(response => response.json())
  .then(data => {
    // Do something with the returned data
    console.log(data);
  })
  .catch(error => {
    console.error('Error fetching custom data:', error);
  });

在dummy api json上,您将看到像这样的响应:

{
  "data": {
    "name": "John Doe",
    "age": 30,
    "email": "jdoe@example.com",
    "hobbies": [
      "hiking",
      "cooking",
      "reading"
    ]
  }
}
结论

dummy api json是一个非常实用的工具,它可以帮助您在测试和开发时更轻松地构建虚拟API。无论您是在开发前端还是后端代码,dummy api json都可以为您提供没有流量限制的虚拟API。尝试使用它自己的项目中,看看是否可以简化您的开发流程!