码迷,mamicode.com
首页 > Web开发 > 详细

mockjs、fiddler模拟前后端交互

时间:2016-01-24 14:11:46      阅读:199      评论:0      收藏: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"

 

mockjs、fiddler模拟前后端交互

标签:

原文地址:http://www.cnblogs.com/yangzhinian/p/5155027.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!