action 获取 json

Action是一种常见的前端框架，它可以帮助开发者更方便地处理和管理异步API请求。在使用Action中，我们往往会获取一些来自API的JSON格式数据，然后通过前端技术呈现。接下来，我们就来看一下Action如何获取JSON数据。

// 以获取Github用户信息为例
const username = 'luna'
fetch(`https://api.github.com/users/${username}`)
  .then(response => response.json())
  .then(data => console.log(data));

首先，我们需要引入fetch方法，这是一种由原生JavaScript提供的获取网络资源的API。

const username = 'luna'
fetch(`https://api.github.com/users/${username}`)

在这里，我们通过API的URL获取json数据。需要注意的是，在实际开发中，我们通常会将API地址通过配置文件或常量的形式存放，以便更好维护。

const username = 'luna'
fetch(`https://api.github.com/users/${username}`)
  .then(response => response.json())

我们可以看到，在获取response之后，我们使用了response.json()方法将服务器返回的JSON格式的数据解析成JS对象（Promise对象）。此时，我们仍然需要通过.then()来获取解析后的数据。

const username = 'luna'
fetch(`https://api.github.com/users/${username}`)
  .then(response => response.json())
  .then(data => console.log(data));

最后，在获取了数据之后，我们可以对其进行操作，比如输出到控制台，或渲染到页面中。

总结：以上就是获取JSON数据的一般方法，当然，在实际开发中，我们还需要考虑具体业务需求，比如处理异常、设置超时时间等方面。希望以上内容能为您带来帮助。