首页 > 其他 > 详细

Mock数据神器

时间:2021-04-30 16:40:12      阅读:15      评论:0      收藏:0      [点我收藏+]

Mock

官方地址:http://mockjs.com/

生成随机数,拦截请求

基础用法

  var data = Mock.mock({
    "array|1-10": [
      {
        "id|+1": 0,
        "name":"@cname"
      }
    ],
    "code|1": 0
  })
  console.log(JSON.stringify(data, null, 2))

Random

  var Random = Mock.Random
  var fruits = ["apple", "banana", "pear", "oranger"]
  var data = {
    email: Random.email(),
    name: Random.cname(),
    image: Random.image("200x100", "#00405d", "#fff", "Mock"),
    url: Random.url(),
    city: Random.city(),
    fruits: Random.pick(fruits),
  }
  console.log(JSON.stringify(data, null, 2))

请求拦截

 $("#app").click(function() {
   $.ajax({
     url: http://api.yourdomain.com/getlist/,
     type: get,
     dataType: json
   }).done(function(data, status, xhr) {
     console.log(data, null, 2)
   })
 })
 var obj = {
    aa: 11,
    bb: 22,
    cc: 33,
    dd: 44
  }
  Mock.mock(http://api.yourdomain.com/getlist/, {
    "user|1-3": [
      {
        "id|+1": 1,
        name: "@cname",
        "age|18-28": 0,
        birthday: @date(yyyy-MM-dd),
        city: {
          "number|1": "03443",
          "city|1": "北京"
        },
        "fromObj|2": obj
      }
    ]
  })

 

Mock数据神器

原文:https://www.cnblogs.com/sonwrain/p/14722253.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!