Mock随机生成数据(浏览器环境)

版权声明:非经本人同意,请勿转载。 https://blog.csdn.net/QQ_Empire/article/details/82592002

https://github.com/nuysoft/Mock/wiki/Syntax-Specification

首先链接jquery.js然后接入moke.js,

在moke文档,Random.region(),可直接用@region()


扩展:

自定义数据:

var Random = Mock.Random
Random.extend({
        "xingzuo": function(date) {
            var constellations = ['白羊座', '金牛座', '双子座', '巨蟹座', '狮子座', '处女座', '天秤座', '天蝎座', '射手座', '摩羯座', '水瓶座', '双鱼座']
            return this.pick(constellations)
            }
    })

下面可"xingzuo":"@xingzuo"接收


完整代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="jquery-1.10.1.min.js"></script>
    <script src="mock.js" type="text/javascript" charset="utf-8"></script>
    <title>Document</title>
</head>
<body>
    <button id="btn">点击</button>
</body>
<script>
  $("#btn").click(function(){
    var Random = Mock.Random
    
Random.extend({
        "xingzuo": function(date) {
            var constellations = ['白羊座', '金牛座', '双子座', '巨蟹座', '狮子座', '处女座', '天秤座', '天蝎座', '射手座', '摩羯座', '水瓶座', '双鱼座']
            return this.pick(constellations)
            }
    })

    Mock.mock("http://www.baidu.com",{
		"user|8-18":[
			{
				"id|+1":0, // "|"表示后面都是数字类型的+1
				"name":"@cname",
                   "email":"@email",
                   "Address":"@region()",
                   "xingzuo":"@xingzuo"
			}
		]
	})


      $.ajax({
          type:"get",
          url:"http://www.baidu.com",//此链接是随便写的,如果有数据也不会执行,执行的是mock生成的数据
          async:true,
          success:function(data){
              console.log(data)
          }
      })
  })
</script>
</html>

猜你喜欢

转载自blog.csdn.net/QQ_Empire/article/details/82592002