01——mock

来源:互联网 发布:6人游定制旅行怎样知乎 编辑:程序博客网 时间:2024/06/06 11:40

以下来自网络

mock.js做的事情:

  1. 基于 数据模板 生成模拟数据。
  2. 基于 HTML模板 生成模拟数据。
  3. 拦截并模拟 ajax 请求。

mock产生

 -  开发时,后端还没完成数据输出,前端只好写静态模拟数据。
•数据太长了,将数据写在js文件里,完成后挨个改url。
 •想要尽可能还原真实的数据,要么编写更多代码,要么手动修改模拟数据。
•特殊的格式,例如IP,随机数,图片,地址,需要去收集。
•超烂的破网速

拦截ajax请求并返回模拟数据。

配置模拟数据

Mock.mock('http://g.cn', {    'name'     : '[@name](/user/name)()',    'age|1-100': 100,    'color'    : '[@color](/user/color)'});

发送ajax请求

ax({    url: 'http://g.cn',}).done(function(data, status, xhr){    console.log(        JSON.stringify(data, null, 4)    )    })

查看响应的结果

// 结果1{    "name": "Elizabeth Hall",    "age": 91,    "color": "#0e64ea"}// 结果2{    "name": "Michael Taylor",    "age": 61,    "color": "#081086"}// 结果N ..
原创粉丝点击