GraphQL 的客户端
GraphQL 通过请求上的 query 实现数据交互。可以使用 GET 请求,但由于 GET 的query 在 url 连接上,数据拼接和特殊符号转义相当繁琐,基本上使用 POST 请求,将信息附着在 requestbody 上。
使用 GET 请求
1|0前端请求 GraphQL
以 fetch 为例,请求前文中的创建新部门功能:
1|1操作名称(Operation name)
这之前,我们都使用了简写句法,省略了 query
关键字和查询名称,但是生产中使用这些可以使我们代码减少歧义。
1|2别名(Aliases)
当一起请求需要两个相同字段的数据,这时就需要利用别名另其响应返回中有所区分。
1|3片段(Fragments)
片段是包含字段的课重复利用单元。
1|4指令(Directives)
GraphQL 允许通过变量动态构建查询。
GraphQL 的核心规范包含两个指令,其必须被任何规范兼容的 GraphQL 服务器实现所支持:
@include(if: Boolean)
仅在参数为true
时,包含此字段。@skip(if: Boolean)
如果参数为true
,跳过此字段。
1|5默认变量(Default variables)
__EOF__

本文作者:Odyssey
本文链接:https://www.cnblogs.com/qingzhao/p/16723528.html
关于博主:I am a good person
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力!
本文链接:https://www.cnblogs.com/qingzhao/p/16723528.html
关于博主:I am a good person
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析