概述
Mock.js 是一款模拟数据生成器,旨在帮助前端攻城师独立于后端进行开发,帮助编写单元测试。提供了以下模拟功能:
- 根据数据模板生成模拟数据
- 模拟 Ajax 请求,生成并返回模拟数据
- 基于 HTML 模板生成模拟数据
安装 Mock.js
npm install bower -g
bower install mockjs --save
引入 Mock.js
<script src="./bower_components/mockjs/dist/mock.js"></script>
调用 Mock.mock( template )
生成模拟数据
var data = Mock.mock({
'list|1-10': [{
'id|+1': 1
}]
})
console.log(
JSON.stringify(data, null, 4)
)
生成的模拟数据
{
"list": [
{ "id": 1 },
{ "id": 2 },
{ "id": 3 },
{ "id": 4 }
]
}
调用 Mock.mock( url, template )
拦截 Ajax
Mock.mock('hello.json', {
'list|1-10': [{
'id|+1': 1
}]
})
发起 Ajax 请求
$.ajax({
url: 'hello.json',
dataType: 'json'
}).done(function(data, status, xhr){
console.log(
JSON.stringify(data, null, 4)
)
})
响应的模拟数据
{
"list": [
{ "id": 1 },
{ "id": 2 },
{ "id": 3 },
{ "id": 4 },
{ "id": 5 }
]
}