使用变量发送GraphQL AJAX查询可以通过以下步骤实现:
下面是一个示例代码片段,展示了如何使用变量发送GraphQL AJAX查询:
// 1. 创建GraphQL查询字符串
const query = `
query GetUserInfo($userId: ID!) {
user(id: $userId) {
id
name
email
}
}
`;
// 2. 创建变量对象
const variables = {
userId: "123456"
};
// 3. 发送AJAX请求
axios.post('/graphql', {
query,
variables
}, {
headers: {
'Content-Type': 'application/json'
}
})
.then(response => {
// 4. 处理响应
const userData = response.data.data.user;
console.log(userData);
})
.catch(error => {
console.error(error);
});
在这个示例中,我们使用了axios库发送POST请求到/graphql
端点,并将GraphQL查询字符串和变量对象作为参数传递。在响应中,我们可以通过response.data.data
来访问返回的数据,并将其存储在userData
变量中进行进一步处理。
请注意,这只是一个简单的示例,实际使用中可能需要根据你的具体情况进行适当的修改和调整。
推荐的腾讯云相关产品:腾讯云云开发(云函数、云数据库、云存储等)可以提供云计算相关的服务和支持,你可以在腾讯云官网(https://cloud.tencent.com/)了解更多详情。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云