mock--接口模拟

1.自己写一个简单的函数,模拟返回值

function mk(){

callback&&cakkback(data)

}

这个data 写死在里面,有数据返回就好

2.使用moke.js

参考:

https://segmentfault.com/a/1190000008839142

引入:

<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="http://mockjs.com/dist/mock.js"></script>

使用:

var obj = {'aa': '11', 'bb': '22', 'cc': '33', 'dd': '44'};

// Mock响应模板
Mock.mock('http://baidu.com', function (options) {
  console.log(options);
  return {
    "user|1-3": [{   // 随机生成1到3个数组元素
      'name': '@cname',  // 中文名称
      'id|+1': 88,    // 属性值自动加 1，初始值为88
      'age|18-28': 0,   // 18至28以内随机整数, 0只是用来确定类型
      'birthday': '@date("yyyy-MM-dd")',  // 日期
      'city': '@city(true)',   // 中国城市
      'color': '@color',  // 16进制颜色
      'isMale|1': true,  // 布尔值
      'isFat|1-2': true,  // true的概率是1/3
      'fromObj|2': obj,  // 从obj对象中随机获取2个属性
      'fromObj2|1-3': obj,  // 从obj对象中随机获取1至3个属性
      'brother|1': ['jack', 'jim'], // 随机选取 1 个元素
      'sister|+1': ['jack', 'jim', 'lily'], // array中顺序选取元素作为结果
      'friends|2': ['jack', 'jim'] // 重复2次属性值生成一个新数组
    }, {
      'gf': '@cname'
    },{
      '自定义':'自定义',
      'agg':1555
    }]
  }
})


$.ajax({
  url: 'http://baidu.com',
  type: 'post',
  dataType: 'json',
  data: {
    account: 888,
    pwd: 'abc123'
  }
}).done(function (data, status, xhr) {
  console.log(JSON.stringify(data, null, 4));
});