mockjs可以生成模拟数据,极大地方便前端的开发。使用Mockjs步骤:
第一步:下载mockjs(为了方便,我这里使用jquery)
<script src="http://mockjs.com/dist/mock.js"></script>;
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
第二步:使用mock生成模拟数据
Mock.mock('https://www.test.com/list', {
mobile: '13222222222',
email: '13222222222@126.com',
uname: 'qytest',
name: '测试账号',
provideType: 3
});
Mock.mock('https://www.test1.com/list',{
'fields|10': [{
'id|+1': 1,
'name': '@cname',
'ago|10-50': 25,
'status|1': [0, 1],
'work|1': ['web', 'UI', 'python','C++', 'php', 'Java'],
'ListInfo|5': [{
'img': Mock.Random.image('300x300') // 随机生成5张300x300大小的图片
}],
'point': '@integer',
'birthday': '@date("yyyy-MM-dd")',
'pic': '@image',
'title': '@ctitle',
'content': '@cword(100)',
'color': '@color',
'ip': '@ip',
'email': '@email',
'phone': /^1[0-9]{10}$/,
'area': '@region',
'address': '@county(true)'
}]
})
第三步:使用调用接口的方式,取得数据
$.get('https://www.test.com/list', function(data){
console.log(123, JSON.parse(data));
})
$.get('https://www.test1.com/list', function(data){
console.log(1234, JSON.parse(data));
})