Node.js服务器环境下使用Mock.js拦截AJAX请求的教程
0、Node环境下安装和使用Mock
# 安装 npm install mockjs
// 使用 Mock
var Mock = require('mockjs')
var data = Mock.mock({
// 属性 list 的值是一个数组，其中含有 1 到 10 个元素
'list|1-10': [{
// 属性 id 是一个自增数，起始值为 1，每次增 1
'id|+1': 1
}]
})
// 输出结果
console.log(JSON.stringify(data, null, 4))
1、拦截 ajax 请求调用
方法如下
Mock.mock( rurl?, rtype?, template|function( options ) )
方法说明：
（1）rurl： 可选参数。
表示需要拦截的 URL，可以是 URL 字符串或 URL 正则。例如 /\/domain\/list\.json/、'/domian/list.json'。
（2）rtype：可选参数。
表示需要拦截的 Ajax 请求类型。例如 GET、POST、PUT、DELETE 等。
（3）template|function：必选参数，只取其中一项。
（4）template 表示数据模板，可以是对象或字符串。例如 { 'data|1-10':[{}] }、'@EMAIL'。
（5）function 指向本次请求的 Ajax 选项集，含有 url、type 和 body 三个属性，参见 XMLHttpRequest 规范。
提示
从 1.0 开始，Mock.js 通过覆盖和模拟原生 XMLHttpRequest 的行为来拦截 Ajax 请求，不再依赖于第三方 Ajax 工具库（例如 jQuery、Zepto 等）。
2. 拦截 Ajax 请求超时
配置拦截 Ajax 请求时的行为。支持的配置项有：timeout。
（1）Mock.setup( settings )
（2）settings
必选。
配置项集合。
（3）timeout
可选。
指定被拦截的 Ajax 请求的响应时间，单位是毫秒。值可以是正整数，例如 400，表示 400 毫秒 后才会返回响应内容；也可以是横杠 '-' 风格的字符串，例如 '200-600'，表示响应时间介于 200 和 600 毫秒之间。默认值是'10-100'。
3. 本人理解的拦截
使用同一个方法名，去栏截指定方法。通过 call 修改 this 指向，到达 拦截。
// 实现原理
// 定义父类
var mock_ajax = function(str){
this.showName=function(){
console.log(str);
}
return this;
};
// 定义子类
var jquery_ajax = function(str){
this.showName = function(){
console.log('ajax');
}
return this;
};
jquery_ajax('').showName();// -> ajax
// 改变 this 指向
mock_ajax.call(jquery_ajax,'111');
// 调用
jquery_ajax.showName();
相关文章
这篇文章主要为大家介绍了Nodejs 模块化实现示例深入探究，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-11-11
我们都知道 Node.js 是以单线程的模式运行的，但它使用的是事件驱动来处理并发，这样有助于我们在多核 cpu 的系统上创建多个子进程，从而提高性能2022-08-08
这篇文章主要介绍了nodejs导出excel的方法,实例分析了nodejs导出excel的详细步骤与相关技巧,需要的朋友可以参考下2015-06-06
本篇文章给大家分享了nodejs用gulp管理前端文件的步骤方法以及优缺点分析，有兴趣的朋友参考下。2018-06-06
本文主要介绍了Node.js中MongoDB更新数据的两种方法,主要包括使用原生的 MongoDB 驱动程序或者使用 Mongoose 来更新 MongoDB 数据,2023-12-12
这篇文章主要介绍了node.js中module模块的功能理解与用法,结合实例形式分析了node.js module模块的基本功能、原理、用法及相关操作注意事项,需要的朋友可以参考下2020-02-02
在本篇文章里小编给大家分享了关于如何使用nodejs分离html文件里的js和css的相关知识点，需要的朋友参考下。2019-04-04
Node.js实现mysql连接池使用事务自动回收连接的方法示例
这篇文章主要介绍了Node.js实现mysql连接池使用事务自动回收连接的方法,结合实例形式分析了node.js操作mysql连接池实现基于事务的连接回收操作相关技巧,需要的朋友可以参考下2018-02-02
npm安装的全局包/工具不能使用,不是内部/外部命令的解决方法
这篇文章主要给大家介绍了关于npm安装的全局包/工具不能使用,不是内部/外部命令的解决方法,文中通过图文将解决的方法介绍的非常详细,需要的朋友可以参考下2023-03-03
在生成票据需求中，我们会想到前端生成或者后端生成返回图片地址访问两个方法，前端生成则不需要调用接口，而后端是在完成整个流程时就进行生成然后把上传的地址保存数据库，这篇文章主要介绍了node+koa+canvas绘制出货单，收据，票据,需要的朋友可以参考下2022-09-09
最新评论