前后端分离开发——模拟数据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', '!'] 中随机选择