首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何通过javascript XMLHttpRequest使用Github API v4 (graphql)

通过javascript的XMLHttpRequest可以使用Github API v4 (graphql)进行数据请求和操作。以下是使用XMLHttpRequest发送请求的步骤:

  1. 创建XMLHttpRequest对象:
  2. 创建XMLHttpRequest对象:
  3. 设置请求方法和URL:
  4. 设置请求方法和URL:
  5. 设置请求头:
  6. 设置请求头:
  7. 注意:在Authorization头中,将<YOUR_ACCESS_TOKEN>替换为你的Github个人访问令牌。获取个人访问令牌的步骤可以参考Github官方文档
  8. 设置请求体:
  9. 设置请求体:
  10. 在上述代码中,你可以修改ownerNamerepoName为相应的Github用户名和仓库名称,并指定你希望获取的仓库信息。
  11. 处理响应:
  12. 处理响应:
  13. 在上述代码中,你可以根据需要处理返回的响应数据。这里只是简单地打印了仓库信息。

以上代码展示了使用XMLHttpRequest发送POST请求来调用Github API v4 (graphql)的基本步骤。你可以根据自己的需求进行修改和扩展。另外,如果需要处理错误和超时等情况,你也可以在代码中添加相应的逻辑。

如果你想要更深入了解Github API v4 (graphql),可以参考官方文档。同时,腾讯云也提供了相应的云计算产品和服务,你可以通过腾讯云的文档了解更多信息。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Graphql实践】使用 Apollo(iOS) 访问 GithubGraphql API

如果你也对 Graphql 感兴趣,不妨先从 GithubGraphql API 来切手实践。...中文版,可以直接看 http://graphql.cn/ 制作访问 Github API 的 Token Github 中有多个 Token 的概念,你需要的是在 https://github.com/...curl -H "Authorization: bearer 7b7cc672235587292be65d11d8ae729b14a0d162" https://api.github.com/graphql...Github 甚至还有专门的使用该 App 访问 Github API 的教程:https://developer.github.com/v4/guides/using-the-explorer/ 注意...以可视化方式查看 Github API 想象下,Graphql 把数据当做一个具体的图来处理,那这个图真的画出来是什么样呢?本来想自己用 Web 画下效果的,但是竟然发现网上已经有了相关的工具。

1.4K00
  • 如何在纯 JavaScript使用 GraphQL

    但是,如果你需要使用一个 GraphQL API,你很自然就会想到自己需要使用 React 和 / 或其他一些库才能让它跑起来。...这是因为许多教程和示例代码似乎都基于这样一个假设,也就是说如果你在使用 GraphQL,就需要使用这些库。 但是,一个对 GraphQL API 的查询只不过是一个定制格式的 HTTP 请求而已。...由于 GraphQL通过单个端点运行的,因此端点响应的数据完全取决于你的查询。这个查询需要正确格式化 GraphQL。想知道如何构建查询吗?请查阅关于如何编写 GraphQL 查询的教程。...使用客户端 JavaScript 发送查询 通过客户端 JavaScript 调用 GraphQL 查询的操作与上面的 fetch 示例几乎是一样的,只有一些很小的区别。...显然,一般来说你不会想要简单地向用户显示查询结果,因此让我们看一下如何使用返回的数据。 使用 GraphQL 查询响应 GraphQL 的一大优点是,它的响应只是纯 JSON,因此数据使用起来很容易。

    3.5K10

    如何使用JavaScript 将数据网格绑定到 GraphQL 服务

    它是一个抽象层,位于任意数量的数据源之上,并为您提供一个简单的 API 来访问所有数据。 GraphQL 的美妙之处在于您可以准确定义要从服务器返回的数据以及您希望其格式化的方式。...它还允许您通过单个请求从多个来源获取数据。 GraphQL使用类型系统来提供更好的错误检查和消息传递。...实际使用 日常开发过程中我们可以用我们常用的JavaScript来直接操作GraphQL,并将自己想要的数据呈现在页面上, 我们可以参考这个简单的应用程序,我们将仅使用 fetch API 来调用 GraphQL...后记 GraphQL 是管理 JavaScript 应用程序中数据的优秀工具。它与SpreadJS配合得很好,尤其是我们的数据绑定功能组件。...本教程展示了 GraphQL 和 SpreadJS如何简单地构建应用程序。 GraphQL 和 SpreadJS都有更多功能可供探索,因此您可以做的事情远远超出了这个示例。

    14110

    再见 REST,你好 GraphQL

    GraphQL 带来的改变 目前应用开发的主流就是前后端分离,前后端只通过 API 来交流,结构大概如下图: ?...如果使用 GraphQL,那么后端将不再生产 API,而是将 Controller 层维护为 Resolver,和前端约定一套 Schema,这个 Schema 将用来生成接口文档,前端直接通过 Schema...GraphQL使用趋势 一些比较有名的公司正在转换 REST APIGraphQL,比如 Twitter、IBM、Coursera、Airbnb、Facebook、Github、携程等,特别是...Github,它的 v4 版外部 API使用 GraphQL。...最后的话 GraphQL 已经被各种体量的团队所使用,在不同的环境、不同的语言下,用于增强移动应用、网站和 API。如果你已经厌倦了 REST API,现在是时候学习一下 GraphQL 了。

    69040

    你需要 GraphQL 吗?

    第一次了解到 GraphQL 是查阅 Github 文档时,偶然看到 v4 版本文档只要一个链接就可以完成所有获取数据和更新数据请求,当时看到觉得特别惊艳,能跳出 REST 请求模式,构建出全新的一套环境来实现网络请求...解决痛点 GraphQL 便很好地解决了当前 REST 请求模式的缺点,它是如何解决的呢?我们带着这个疑问了解一下它。 GraphQL特征 GraphQL,从字面上意思图查询。...唯一端点(endpoint) GraphQL的所有请求都是通过一个链接来实现的。例如Github v4文档的端点是https://api.github.com/graphql。...它是 GraphQL 标识对象时唯一的 key,会序列化成一段字符串。 通过类型系统,我们在开发时可以通过 GraphQL 开发工具清晰地看到对象属性及其类型,以及我们当前的输入哪里有误。...然而,不是所有情况都适合 GraphQL 发挥 如果你的项目功能足够很简单,只有屈指可数个 API,那么使用它反而会让项目结构变得复杂; 在需要 CDN 缓存时,它只有一个端点,无法通过 URL 来定位资源的

    2.1K70

    Go GraphQL 教程

    GraphQL API GraphQL 是一种专门用于API 的查询语言,由大厂 Facebook 推出,但是至今 GraphQL 并没有引起广泛的使用, 绝大多少还是采用 RESTful API...最佳的当然是:GithubGraphQL API4 (https://developer.github.com/v4/) 熟络 GraphQL 语法规范 学习 GraphQL 设计规范 登入自己的账号...https://developer.github.com/v4/explorer/ https://developer.github.com/v4/query/ 上文多是讲述使用 GraphQL 进行查询操作时的语法...3 客户端如何使用:Go : (graphql-go) 主题: 小程序腾讯投票 Step0: 项目结构 ├── Makefile ├── README.md ├── cmd │ ├─...中文官网:https://graphql.cn/ 配合 github api 调用,熟悉语法 示例1: https://github.com/topliceanu/graphql-go-example

    4.4K20

    前端领域2017年有哪些变化,2018年又有怎样的期待?

    Angular市场占有率持续下滑(相较于 React ),发布了V4(3月23日)以及 V5(11月2日),在 V4 中看到了 Angular Universal 成为官方项目的一部分以及 Angular...该框架提供了非常友好、简单的 API,是 React 的主要替代方案之一。它已经被包括 GitLab在内的大公司所采用,该公司回顾了在过去的一年里使用该框架的故事。...即使你没在使用 Yarn,JavaScript 的包管理整体上由于 Yarn 的发布也得到了显著地提升 。...Parcel作为一个有趣的项目,在短短十天内便在 GitHub 上获得了 10000 个 star。 它主要通过利用多个 CPU 内核和一个高效的文件系统缓存来实现。...GitHub已经使用 GraphQL 编写了最新版本的 API,与此同时为了使 GraphQL 对所有开发人员可用,许多公司正在开发产品,例如 Johannes Schickling开发的 Graphcool

    1.2K100

    【REST架构】OData、JsonAPI、GraphQL 有什么区别?

    最新版本 V4 已提交给 ISO/IEC JTC 1 以作为国际标准获得批准。...有许多用于流行编程语言的库 - .NET、Java、JavaScript、PHP 和 Ruby。该规范允许动态资源,并且有一个服务文档列出了所有 API 端点供客户端发现。...JSON API 规范适用于大多数编程语言,包括客户端和服务器端。 JSON API 通过 JSON 文档中的链接属性支持 HATEOAS。其他功能包括分页、排序、过滤和关系。...虽然 GraphQL 使用 HTTP,但它不被视为 REST,而是 REST 的替代品。相反,它在单个(虚拟)JSON 文档中使用查询/响应模型。...OpenAPI 标准是一种与语言无关的标准,用于描述和定义 API。例如,您的 API 可以遵循上述标准之一(不包括 GraphQL),也可以使用 OpenAPI 3 进行记录。

    1.6K20

    2018年前端流行哪些技术?

    如果不需要支持低版本 IE 的话,我们主要使用 React: React – 编写页面组件 Redux – 数据流和状态管理,一般结合 redux-saga 使用 React-router v4 – 前端路由管理...Babel + ES6/6+ – 现代 JavaScript 语法和编译器,Babel 可以让你使用目前主流浏览器尚未全面支持的新的 JavaScript 语法来编写代码,同时帮你编译成现代浏览器都支持的...GraphQL/thrift/RESTful API/OpenAPI – 各种接口方案。...REST 有一种明日黄花的感觉,虽然还在用,但是感觉早晚被 GraphQL 等取代,毕竟我们真的越来越不关心数据是如何获取的,而应该关注在 store 如何设计上,专注在领域分析上面。...NOTE:Github 提供的 API 之前是 RESTful 的,现在都是 GraphQL 了。

    2.6K10
    领券