在前端开发中，发送网络请求是一项非常基础的技术。而 xhr-request 是一款方便快捷地发送 AJAX 请求的 npm 包。在本文中，我们将介绍如何使用 xhr-request 包来发送网络请求，并为读者提供相关的示例代码。
安装
在使用 xhr-request 之前，您需要确保已经安装了 npm。npm 是 Node.js 的包管理工具，在 Node.js 安装时已自动安装。如果您还未安装 npm，请参考 官方文档 进行安装。
在安装了 npm 后，您可以使用以下命令进行 xhr-request 的安装：
npm install xhr-request --save
以上命令将 xhr-request 安装到当前项目的 node_modules 目录下，并添加到项目的 package.json 依赖中。
使用
在安装完 xhr-request 后，我们可以通过以下代码引入该模块：
const request = require('xhr-request');然后我们就可以开始发送网络请求了。
发送 GET 请求
使用 xhr-request 发送 GET 请求非常简单。以下代码演示了如何获取百度首页的 HTML 内容：
request('http://www.baidu.com', function (err, data, res) {
if (err) {
console.error(err);
} else {
console.log(data);
}
});在上述代码中，我们向 http://www.baidu.com 发送了一个 GET 请求，并在请求成功后打印了该页面的 HTML 内容。xhr-request 的回调函数有三个参数：err、data 和 res。其中，err 为请求错误信息（如果请求成功，该值为 null）；data 为响应数据，可以是文本或 JSON 对象；res 为响应的 HTTP 对象。
发送 POST 请求
使用 xhr-request 发送 POST 请求同样简单。以下代码演示了如何向百度搜索发送 POST 请求，并输出匹配到的结果：
-- -------------------- ---- -------
----- ------- - -
------- -------
----- -----------------
-------- -
--------------- -----------------------------------
-
--
--------------------------------- -------- -------- ----- ----- ---- -
-- ----- -
-------------------
- ---- -
------------------
-
---在上述代码中，我们向 http://www.baidu.com/s 发送了一个 POST 请求，请求参数为 wd=xhr-request，请求头中指定了 Content-Type。
发送 JSON 数据
如果需要发送 JSON 格式的数据，我们可以使用 JSON.stringify() 方法将数据转换为 JSON 字符串，并指定请求头中的 Content-Type 为 application/json。以下代码演示了如何向服务器发送一个 JSON 对象：
-- -------------------- ---- -------
----- ------- - -
----- --------------
-------- --------
------------ -- ------ ------- ------ ---------------
--
----- ------- - -
------- -------
----- ------------------------
-------- -
--------------- ------------------
-
--
--------------------------------- -------- -------- ----- ----- ---- -
-- ----- -
-------------------
- ---- -
------------------
-
---发送 XML 数据
如果需要发送 XML 格式的数据，我们同样需要指定请求头中的 Content-Type 为 text/xml。以下代码演示了如何发送一个 XML 字符串：
-- -------------------- ---- -------
----- --- - ------ ------------- ------------------------------------------------------ ---------------------- ------ -- --- --------------------
----- ------- - -
------- -------
----- ----
-------- -
--------------- ----------
-
--
--------------------------------- -------- -------- ----- ----- ---- -
-- ----- -
-------------------
- ---- -
------------------
-
---总结
xhr-request 是一款简单便捷的 npm 包，可以方便地发送 AJAX 请求，并支持多种请求类型和数据格式。在使用中，我们可以灵活地调整请求参数，满足各种需求。以上就是 xhr-request 的使用教程。希望本文能够为读者提供参考和帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/57584