原生 GraphQL 查询

GraphQL 周围构建了各种很棒的工具。但就像网络上的所有内容一样，它最终归结为数据在网络上的传输和响应的返回。如果您需要与 GraphQL API 端点进行通信，则无需绝对使用某种框架或库来对其发出请求。事实上，您可以在原生 JavaScript 中非常干净地做到这一点。

以 Pokémon API 为例，可在 GraphQL 中使用，我通过 此 API 列表 找到它。它有 一个 GraphiQL 接口 用于探索。

在该页面上，您可以执行查询并查看结果。您还可以查看 DevTools 中的“网络”选项卡并查看其发送请求的有效负载，并看到它只是一些发布的 JSON。

我们也可以创建这种格式的自己的 JSON！首先，我们将使用正确的格式将其制作成一个对象，利用 模板字面量 使 GraphQL 查询看起来不错（这实际上是必需的，因为查询语法依赖于空白）。然后，我们使用原生 JavaScript API 将其 JSON 化，并通过同样原生的 fetch API 发布它。

查看 Chris Coyier 的 CodePen
原生 GraphQL（@chriscoyier）
在 CodePen 上。

简单易懂。并且无需使用任何花哨的工具来请求您所需的确切内容，这是 GraphQL 的核心优势。