前端数据与后台分离，使用mockjs模拟后台返回json数据

如何不依赖后端返回的JSON数据，比后台早一步下班

使用mockjs ，造json数据
例子：
效果：

Paste_Image.png

操作，点击mockjs 随机产生json数据。
代码：

    
    



    

        
mockjs
    
    
    
    

如果想请求多一个api呢？
只需要建多一个对象

Mock.mock(
        'http://getJSON', {
            "userName": '@name', //模拟名称
            "age|1-100": 100, //模拟年龄(1-100)
        }
    );

调用方法同上：

    $("#getJSON").click(function() {
        $.ajax({
            url: "http://getJSON", //请求的url地址
            dataType: "json", //返回格式为json
            async: true, //请求是否异步，默认为异步，这也是ajax重要特性
            data: {}, //参数值
            type: "GET", //请求方式
            beforeSend: function() {
                //请求前的处理
                console.log('start');
            },
            success: function(req) {
                //请求成功时处理
                console.log(req);
            },
            complete: function() {
                //请求完成的处理
                console.log('end');
            },
            error: function(err) {
                //请求出错处理
                console.log(err);
            }
        });
    });