npm包x-request使用教程

引言

x-request 是一个轻量级的、Promise基础的、RESTful API便捷的封装的Node.js请求模块,并且具有兼容浏览器的能力。如果你曾经使用过 request模块,你会发现使用 x-request 告别了一些繁琐的重复配置,同时也让代码更为可读性强。它是一个非常实用的工具,值得推荐。

安装 x-request

在开始使用之前,你需要先在你的项目中安装 x-request。你可以通过 npm 安装:

--- ------- ---------

你也可以通过 yarn 进行安装:

---- --- ---------

安装完成之后,我们可以在项目中直接引入模块:

----- -------- - --------------------

API文档

x-request 模块基于 Promise 实现的,因此可以非常方便地进行链式操作。这里涵盖了 x-request 的所有常用API, 并且这里包含具体的参数解释以及代码示例。

xRequest(url [, options]) => Promise

xRequest 方法是 x-request 模块的核心方法,是每个请求的基础方法。

PARAMETERS

  • url(string): 请求的地址
  • options(object): 请求的配置如下, 并非必填:
    • method(string): GET/POST/PUT,etc.
    • headers(object): 请求头的对象
    • query(object): 参数对象,如果是 GET 请求的话, 参数也会被转成查询字符串。
    • type(string): 返回数据的格式类型,如 'json', 'text'等等。
    • timeout(number): 超时时间,单位毫秒
    • withCredentials(boolean): 发送跨域请求时,是否携带cookie

RETURN VALUE

Response.body 的值基于 options.type 的不同而不同。如果使用默认值,则返回一个二进制数据流。

REQUEST EXAMPLES

----- -------- - --------------------

------------------------------------------ -
  ------- ------
  ------ - ----- ------- ---- -- --
  -------- -
    -------------- ---- --------------
    --------------- ------------------
  -
--
  ----------- -- -
    ----------------
  --
  ------------ -- -
    ------------------
  --

xRequest.json(url [, options]) => Promise

该方法同样返回一个 Promise 对象,它的 options 默认加上 type: 'json' 参数。

PARAMETERS

xRequest 一样

RETURN VALUE

options.type'json' 时,返回一个 JSON 对象。

REQUEST EXAMPLES

----- -------- - --------------------

----------------------------------------------- -
  ------- -------
  -------- - --------------- ------------------ --
  ----- ---------------- ----- ------- ---- -- --
--
  ----------- -- -
    ----------------
  --
  ------------ -- -
    ------------------
  --

xRequest.text(url [, options]) => Promise

该方法同样返回一个 Promise 对象,它的 options 默认加上 type: 'text' 参数。

PARAMETERS

xRequest 一样

RETURN VALUE

options.type'text' 时,返回一个字符串。

REQUEST EXAMPLES

----- -------- - --------------------

----------------------------------------------- -
  ------- ------
  -------- -
    -------------- ---- --------------
    --------------- ------------------
  --
  ----- ---------------- ----- ------- ---- -- --
--
  ----------- -- -
    ----------------
  --
  ------------ -- -
    ------------------
  --

xRequest.formData(url [, options]) => Promise

该方法同样返回一个 Promise 对象,它的 options 默认加上 type: 'text', Content-Type: 'multipart/form-data'参数。

PARAMETERS

  • url(string): 请求的地址
  • options(object): 请求的配置如下, 并非必填:
    • method(string): GET/POST/PUT,etc.
    • headers(object): 请求头的对象
    • body(object): 参数对象,如果是 GET 请求的话, 参数也会被转成查询字符串。
    • timeout(number): 超时时间,单位毫秒
    • withCredentials(boolean): 发送跨域请求时,是否携带cookie

RETURN VALUE

该方法最终返回一个包含文件信息的 Object 类型的数据。

REQUEST EXAMPLES

----- -------- - --------------------

----- -------- - --- ----------
----------------------- -----

-------------------------------------------------- -
  ------- -------
  -------- - -------------- ---- ------------- --
  ----- --------
--
  ----------- -- -
    ----------------
  --
  ------------ -- -
    ------------------
  --

参考资料

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6006711b8dd3466f61ffe868


猜你喜欢

  • npm 包 @johndhammcodes/react-native-swift-library-template 使用教程

    前言 随着移动端应用的不断发展,React Native 已经成为了一个越来越受欢迎的框架。然而,有时候我们需要在 React Native 中使用一些原生代码,这时候我们就需要使用到 React N...

    4 年前
  • npm 包 enqueuer-plugin-redis 使用教程

    概述 enqueuer-plugin-redis 是一个用于 Redis 操作的 enqueuer 插件,能够方便地集成到 enqueuer 测试框架中,使得测试过程更加全面、高效、准确。

    4 年前
  • npm 包 julienreszka 使用教程

    前端开发最常用的工具之一是 package manager,而 npm 就是目前最流行且广泛使用的 package manager 之一,它为 Node.js 提供了稳定的包管理能力,从而更好地帮助...

    4 年前
  • npm 包 @ogus/jaro-winkler 使用教程

    在前端开发的过程中,相似度匹配是一种非常重要且广泛使用的技术。而 @ogus/jaro-winkler 就是一款用于计算两个字符串相似度的 npm 包。 什么是 Jaro-Winkler 距离 在介绍...

    4 年前
  • npm 包 mini-dice 使用教程

    在前端开发中,我们常常需要使用随机数来模拟各种情况。然而,在 JavaScript 中生成随机数并不是一件简单的事情。因此,为了方便开发者,出现了许多生成随机数的 npm 包。

    4 年前
  • npm 包 tl-grunt-contrib-uglify 使用教程

    介绍 tl-grunt-contrib-uglify 是一个用于压缩 JavaScript 代码的 Grunt 插件。它可以将多个 JavaScript 文件压缩成一个文件,并且可以通过配置参数来控制...

    4 年前
  • npm 包 ui-contact-card 使用教程

    简介 随着前端技术的快速发展,各种 npm 包层出不穷,提供了很多高质量的 UI 组件方案。其中,ui-contact-card 是一款常用的联系人信息展示组件,支持自定义主题、内容样式等功能。

    4 年前
  • npm 包 babel-plugin-redux-auto 使用教程

    前言 在前端应用开发中,Redux 作为流行的状态管理工具,为我们简化了数据流程的管理,提高了应用的性能。Redux 在应用中的使用,通常需要在一定的配置后才能开始使用。

    4 年前
  • npm 包 @shortcm/animation 使用教程

    在前端开发中,我们常常需要添加动画效果来提升用户交互体验。为了避免重复造轮子,许多前端工程师会寻找已经成熟的动画库来快速实现他们的设计思路。其中,npm 包 @shortcm/animation 是一...

    4 年前
  • npm 包 riso-colors 使用教程

    前言 在前端开发中,我们经常需要使用颜色来渲染页面。选择合适的颜色可以让页面更加美观,达到更好的用户体验。如果你不想每次都手动输入颜色的值,那么可以考虑使用 npm 包来帮助你。

    4 年前
  • npm 包 @shortcm/card 使用教程

    前言 在现代 web 开发中,前端开发技术异彩纷呈,如 React,Vue,Angular 等框架、库等,很多工具都依赖 npm 包来实现,因此 npm 在前端圈里面尤为重要。

    4 年前
  • npm 包 naufalpf 使用教程

    简介 naufalpf 是一个 npm 包,可以让你在前端开发中更轻松地生成 PDF 文件。它基于 jsPDF 库和 html2canvas 库,能够将 HTML 元素渲染成 PDF 文件。

    4 年前
  • npm 包 kindlehdunpack 使用教程

    简介 kindlehdunpack 是一个 npm 包,用于解压亚马逊 Kindle HDX 系列的内置 APK。由于 Kindle HDX 系列设备的系统定制较强,因此不能直接解包 APK 文件。

    4 年前
  • npm 包 assistant-source 使用教程

    前言 在现代的前端开发中,依赖管理工具 npm 已经成为必不可少的一部分。npm 提供了丰富的包管理功能,可以很方便地管理第三方依赖包的版本、安装、更新等操作。在这些依赖包中,有很多工具和库,可以帮助...

    4 年前
  • npm 包 predix-ui 使用教程

    简介 predix-ui 是一款提供了丰富的 Web 组件和 UI 元素的前端框架,适用于建设工业互联网、物联网、云平台等领域应用的 Web 应用程序。predix-ui 的设计旨在为开发人员提供更高...

    4 年前
  • npm 包 react-dotmailer 使用教程

    简介 react-dotmailer 是一个 npm 包,可用于在 React 应用程序中集成 Dotmailer 的电子邮件营销和自动化工具。Dotmailer 是一个强大的电子邮件营销和自动化平台...

    4 年前
  • npm 包 eslint-config-picnic 使用教程

    eslint-config-picnic 是一个非常有用的包,用于配置 ESLint,该库提供了 Picnic CSS 样式指南的规则,可以很方便地使用,并将你的代码规范化。

    4 年前
  • npm 包 documentation42 使用教程

    前言 在前端开发中,有许多优秀的 npm 包可以帮助我们快速地构建应用程序。其中一个非常好用的 npm 包就是 documentation42。本文将详细介绍 documentation42 的使用方...

    4 年前
  • npm 包 eslint-config-o2team-wx 使用教程

    在前端开发中,代码质量的检查和保证非常重要。而 eslint 是一个 JavaScript 代码规范和语法检查工具,能够帮助开发者团队遵守一致的代码规范,并在写代码的时候即时发现潜在问题。

    4 年前
  • npm 包 @shortcm/checkbox 使用教程

    在前端开发中,复选框是常见的 UI 控件之一,而 @shortcm/checkbox 可以帮助我们快速实现复选框的功能。本文将介绍 @shortcm/checkbox 的基本用法,并提供示例代码供参考...

    4 年前

相关推荐

    暂无文章