在前端开发中，我们经常需要使用 AJAX 异步请求来获取后端数据。而在实际开发中，我们可能会遇到一些问题，例如跨域请求、并发控制等。为了解决这些问题，有很多第三方的 AJAX 库可以使用。其中，@repositories/ajax 是一个比较流行的 npm 包，它提供了强大的功能和易用的 API，这篇文章将会介绍它的使用教程。
安装
@repositories/ajax 可以使用 npm 进行安装：
npm install @repositories/ajax
API
@repositories/ajax 的 API 很简单，总共只有两个方法：ajax 和 jsonp。
ajax(url[, options])
url：string 类型，请求的 URL 地址。options：object 类型，请求的参数，包括：method：string 类型，请求的方法，默认为 GET。data：object 类型，请求的数据。headers：object 类型，请求的头部信息。timeout：number 类型，请求的超时时间，单位为毫秒，默认为 0（不超时）。withCredentials：boolean 类型，是否发送 cookie。responseType：string 类型，请求的响应类型，默认为 text。
-- -------------------- ---- ------- ------------------------------- - ------- ------- ----- - ----- ----- ---- -- -- -------- - --------------- ------------------ -- -------- ----- ---------------- ----- ------------- ------ ---------------- ---------- - --------------------------- ----------------- ------- - ------------------- ---
这里需要注意的是，Promise 对象是异步的，因此需要使用 then 和 catch 方法处理请求的结果。
jsonp(url[, options])
url：string 类型，请求的 URL 地址。options：object 类型，请求的参数，包括：timeout：number 类型，请求的超时时间，单位为毫秒，默认为 0（不超时）。callback：string 类型，JSONP 的回调函数名。
@repositories.jsonp('/api/data?callback=?', {
timeout: 5000,
callback: 'fn'
}).then(function (response) {
console.log(response.data);
}).catch(function (error) {
console.log(error);
});需要注意的是，在请求 JSONP 的时候，需要指定回调函数名，而且回调函数名需要和服务端约定好。
示例
下面是一个使用 @repositories/ajax 请求数据并展示的示例：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
----------- ------------
-------
------
--- ---------------
------- --------------------------------------------------------------
--------
--------------------------------------------- ---------- -
--- ---- - --------------------------------
--- ---- - - -- - - --------------------- ---- -
--- ---- - -----------------------------
-------------- - --------------------- - --- - -------------------- - - ---
-----------------------
-
----------------- ------- -
-------------------
---
---------
-------
-------总结
@repositories/ajax 是一个很好用的 AJAX 库，它提供了强大的功能和易用的 API，可以轻松地实现异步请求并处理请求的结果，同时避免了一些常见的问题，如跨域请求。在实际开发中，我们可以根据自己的需要选择不同的 AJAX 库，如 jQuery、Axios、Fetch 等，但使用 @repositories/ajax 的成本较低，可以考虑使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055e9981e8991b448dbeeb