Fork me on GitHub
代码改变世界

mockjs模拟前后端交互

2016-01-24 14:03  autrol  阅读(8191)  评论(0编辑  收藏  举报

mockjs是用于mock数据(造假数据)的组件。

mockjs官网链接为:http://mockjs.com/;mockjs官网有mockjs的源代码、API以及示例。

mockjs拦截ajax请求

mockjs拦截my.json、/my请求,返回mock数据

Mock.mock(/\/my/, {
    'list|1-10': [{
        'id|+1': 1,
        'email': '@EMAIL'
    }]
});

Mock.mock(/my.json/, {
    'list|1-10': [{
        'id|+1': 1,
        'email': '@EMAIL'
    }]
});

$.ajax({
    url: '/my',
    dataType: 'json',
    success: function(data, status, jqXHR) {
        $('<pre>').text(JSON.stringify(data, null, 4)).appendTo('body');
    }
});

$.ajax({
    url: 'my.json',
    dataType: 'json',
    success: function(data, status, jqXHR) {
        $('<pre>').text(JSON.stringify(data, null, 4)).appendTo('body');
    }
});

注意:当请求为json数据时,配置ajax属性dataType: "json"