mockjs模擬前后端交互

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"