mcokjs学习
以前制造假数据的时候,都是使用的json文件来模拟的,这样就需要自己需要编写大量的假数据,以及进行接口的更改。后来通过使用mock.js这个脚本库来制造假数据,将代码与数据进行了分离,且假数据可以根据一定规则随机生成,大大提高了开发的效率。
mockjs的使用十分简单,其github首页的描述已经十分详细了。具体的语法可以查看官网https://github.com/nuysoft/Mock/wiki
这里写一个小demo,演示如何使用mockjs进行数据模拟
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>mock</title>
</head>
<body>
<script src="https://cdn.staticfile.org/jquery/2.2.0/jquery.min.js"></script>
<script src="http://mockjs.com/dist/mock.js"></script>
<script src="mock-1.js"></script>
<script>
$.ajax({
type:'post',
url:'a.php',
dataType:'json',
success:function(data){
console.log(data,'success');
},
error:(err)=>{
console.log(err,'error');
}
})
</script>
</body>
</html>
mock-1.js
let urlRule = 'a.php';
// 使用 Mock
Mock.mock(urlRule,{
'list|1-10': [{
'id|+1': 1
}]
});
使用就是这么简单。
有一点需要注意,在network面板中,你查看a.php的请求,你会发现该请求是404,原因是mockjs本身拦截了http请求,并返回了XHR对象,所以这个请求本身是无法通过浏览器来进行处理的