首页 > 其他 > 详细

Mock数据神器

时间:2021-04-30 16:40:12      阅读:21      评论: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 版权所有
打开技术之扣,分享程序人生!