Tutorial on using Mock.js to intercept AJAX requests in Node.js server environment

0. Install and use Mock in Node environment

# 安装 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. Intercept ajax request call
The method is as follows

Mock.mock( rurl?, rtype?, template|function( options ) )

Method description:
(1) rurl: Optional parameter.

represents the URL that needs to be intercepted, which can be a URL string or URL regular. For example /\/domain\/list\.json/, '/domian/list.json'.
(2)rtype: optional parameter.

indicates the type of Ajax request that needs to be intercepted. For example GET, POST, PUT, DELETE, etc.
(3) template|function: required parameters, only take one of them.

(4)template represents the data template, which can be an object or a string. For example { 'data|1-10':[{}] }, '@EMAIL'.
(5) function points to the Ajax option set of this request, containing three attributes: url, type and body. See the XMLHttpRequest specification.
Tips

Starting from 1.0, Mock.js intercepts Ajax requests by overriding and simulating the behavior of native XMLHttpRequest, and no longer relies on third-party Ajax tool libraries (such as jQuery, Zepto, etc.).

2. Interception of Ajax request timeout
Configure the behavior when intercepting Ajax requests. Supported configuration items include: timeout.

（1）Mock.setup( settings )
（2）settings
Required.
Configuration item collection.
(3) timeout
Optional.
Specify the response time of the intercepted Ajax request, in milliseconds. The value can be a positive integer, such as 400, which means that the response content will be returned after 400 milliseconds; or it can be a hyphen '-' style string, such as '200-600', which means that the response time is between 200 and 600 milliseconds. The default value is '10-100'.

3. The interception I understand
Use the same method name and go to the column to intercept the specified method. Modify this pointer through call and reach interception.

// 实现原理 // 定义父类 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();

For more tutorials on using Mock.js to intercept AJAX requests in a Node.js server environment, please pay attention to the PHP Chinese website!

Related articles:

Detailed explanation of interception instances of ajax requests by interceptors

Interception of global ajax request instances through JS

How to check whether it is an ajax request through php