版权声明:非经本人同意,请勿转载。 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>