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