前后端分离开发——模拟数据mock.js

mock.js 生成模拟数据，拦截ajax请求

<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://mockjs.com/dist/mock.js"></script>
<script>
Mock.mock('/api/test', {
"array1|1-10" : [{
'name|+1' : ['Hello', 'Mock.js', '!']
}],
});
$.ajax({
'url'    :    '/api/test',
'type'    :    'GET',
}).done(function(result){
console.log(result);
});
</script>

结果

{
"array1": [
{
"name": "Hello"
},
{
"name": "Mock.js"
},
{
"name": "!"
}
]
}

数组array1的大小在[1-10]范围内随机变动，数组元素 { 'name|+1' : ['Hello', 'Mock.js', '!'] } ，表示 name的值在数组 ['Hello', 'Mock.js', '!'] 中随机选择