mockjsfiddler模拟前后端交互

Posted 2020-06-08

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"