ej2-graphql-adaptor 是一个轻量级的 npm 包，它提供了在 JavaScript 中使用 GraphQL 的功能。GraphQL 是一种用于 API 开发的查询语言，它能够让客户端自定义需要的数据。本文将介绍如何使用 ej2-graphql-adaptor 实现对 GraphQL API 的数据查询和更新操作。
安装：
ej2-graphql-adaptor 可以通过 npm 安装，命令如下：
npm install ej2-graphql-adaptor
使用：
ej2-graphql-adaptor 提供了两个主要的类，一个是 DataAdaptor，用于查询和更新数据；另一个是 RemoteSaveAdaptor，用于将数据保存到服务器端。
DataAdaptor
DataAdaptor 是用于查询和更新数据的类。首先，我们需要导入 DataAdaptor 类，然后创建一个实例并传入查询和更新数据所需的参数:
import { DataAdaptor } from 'ej2-graphql-adaptor';
const adaptor = new DataAdaptor({
url: "http://localhost:4000/graphql",
query: "query",
update: "mutation"
});在创建好 DataAdaptor 实例之后，我们可以使用它来查询数据。使用 query 方法查询数据，方法的参数为查询语句：
adaptor.query('{ allUsers { id, name, email } }').then(result => console.log(result));其中 { allUsers { id, name, email } } 为 GraphQL 查询语句，它表示查询所有用户的 id、name 和 email 字段。query 方法会返回一个 Promise 对象，它的结果是查询返回的数据结果。
使用 update 方法更新数据，方法的参数为更新语句：
adaptor.update("{ addUser(name: 'Tom', email: 'tom@example.com') { id } }").then(result => console.log(result));其中 { addUser(name: 'Tom', email: 'tom@example.com') { id } } 为 GraphQL 更新语句。update 方法也会返回一个 Promise 对象，它的结果是更新操作返回的数据。
RemoteSaveAdaptor
RemoteSaveAdaptor 是用于将数据保存到服务器的类。我们需要导入 RemoteSaveAdaptor 类，然后创建一个实例并传入保存数据所需的参数：
import { RemoteSaveAdaptor } from 'ej2-graphql-adaptor';
const adaptor = new RemoteSaveAdaptor({
url: "http://localhost:4000/graphql",
insert: "mutation",
update: "mutation",
remove: "mutation"
});在创建好 RemoteSaveAdaptor 实例之后，我们可以使用它将数据保存到服务器。我们需要创建 dataSource，dataSource 是包含需要保存在服务器中的数据的数组。然后使用 batchUpdate 方法将数据保存到服务器：
-- -------------------- ---- ------- ----- ---------- - -- --- -- ----- ------ ------ ----------------- --- -------------------- -------- ----------- ----- - ---- ----- ---- ---------- -- ----- ---- ------------- -- ---------------------
其中 "users" 是需要保存到服务器中的数据源的名称，dataSource 是包含需要保存在服务器中的数据的数组，{ key: "id", url: "/graphql" } 是指定了保存数据所使用的参数，它包含了保存数据的主键和保存数据的 URL。
示例代码：
-- -------------------- ---- -------
------ - ------------ ----------------- - ---- ----------------------
----- ----------- - --- -------------
---- --------------------------------
------ --------
------- ----------
---
----- ----------------- - --- -------------------
---- --------------------------------
------- -----------
------- -----------
------- ----------
---
-- ------
-------------------- -------- - --- ----- ----- - --------------- -- ---------------------
-- -------
------------------------------
--------
--
----- ------
------ -----------------
---
-----
- ---- ---------- --
-----
----
------------- -- ---------------------以上是在 JavaScript 中使用 ej2-graphql-adaptor 的简单教程。ej2-graphql-adaptor 的应用范围很广泛，除了提供数据查询和更新功能之外，它还可以用于与各种不同类型的前端框架进行集成。因此，掌握 ej2-graphql-adaptor 的使用方法有很大的参考和学习意义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005725881e8991b448e8723