介绍
charto-ajax 是一个基于 jQuery.ajax 的二次封装的 npm 包，用于发起 AJAX 请求。它可以通过链式调用的方式设置 AJAX 请求的参数，并提供了钩子函数来拦截 AJAX 请求的各个阶段。charto-ajax 可以让 AJAX 请求的使用更加简单、方便。
安装
可以通过 npm 安装 charto-ajax：
npm install charto-ajax --save
使用
引入 charto-ajax：
var chartoAjax = require('charto-ajax');使用 charto-ajax 发起 AJAX 请求：
chartoAjax
.url('/data')
.success(function(data){ console.log(data); })
.error(function(){ console.log('请求失败'); })
.get();API
url(url)
设置 AJAX 请求的 URL。
chartoAjax.url('/data');type(type)
设置 AJAX 请求的类型，如 GET、POST 等。
chartoAjax.type('GET');data(data)
设置 AJAX 请求的参数。
chartoAjax.data({ id: 1, name: 'charto' });success(callback)
设置 AJAX 请求成功时的回调函数。
chartoAjax.success(function(data){ console.log(data); });error(callback)
设置 AJAX 请求失败时的回调函数。
chartoAjax.error(function(){ console.log('请求失败'); });beforeSend(callback)
在 AJAX 请求发出之前执行的回调函数。
chartoAjax.beforeSend(function(){ console.log('请求准备就绪'); });complete(callback)
在 AJAX 请求完成后执行的回调函数。
chartoAjax.complete(function(){ console.log('请求完成'); });done(callback)
等价于 success(callback)。
chartoAjax.done(function(data){ console.log(data); });fail(callback)
等价于 error(callback)。
chartoAjax.fail(function(){ console.log('请求失败'); });always(callback)
等价于 complete(callback)。
chartoAjax.always(function(){ console.log('请求完成'); });get()
发起一个 GET 请求。
chartoAjax.get();
post()
发起一个 POST 请求。
chartoAjax.post();
示例代码
下面是一个使用 charto-ajax 发起 AJAX 请求的示例代码：
chartoAjax
.url('/data')
.data({ id: 1, name: 'charto' })
.success(function(data){ console.log(data); })
.error(function(){ console.log('请求失败'); })
.get();在这个示例代码中，我们设置了 AJAX 请求的 URL 为 '/data'，参数为 { id: 1, name: 'charto' }，并在请求成功时打印返回的数据，在请求失败时打印错误信息。最后通过 get() 方法发起了一个 GET 请求。
总结
通过本文的介绍，我们可以看到 charto-ajax 使用非常简单、方便，而且提供了丰富的 API。使用 charto-ajax 可以让我们更加方便地发起 AJAX 请求，并可以通过钩子函数来拦截请求的各个阶段。相信通过本文的学习，我们已经可以熟练地使用 charto-ajax 了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562a581e8991b448dfe0d