在工作中,后台一般会在接口开发之前提供接口文档,约定好接口返回的数据格式,以前我的解决方法是搭建一个本地的服务器,然后来手动修改数据,后来接口返回的数据量比较大,用起来很不方便,今天突然发现使用mock.js进行数据接口数据模拟非常好处,下面是使用mock模拟的一个简单的入门实例:
<!DOCTYPE html>
<html lang="zh">
<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" />
<title>Document</title>
</head>
<body>
<script src="//cdn.bootcss.com/Mock.js/1.0.0/mock-min.js"></script>
<script src="//cdn.bootcss.com/zepto/1.2.0/zepto.min.js"></script>
<script type="text/javascript">
var url = 'http://api.com'
var data = Mock.mock(url, {
"user|5-10": [{
'name': '@cname', //中文名称
'age|1-100': 100, //100以内随机整数
'birthday': '@date("yyyy-MM-dd")', //日期
'city': '@city(true)' //中国城市
}]
});
$.ajax({
url: url,
type: 'post',
contentType: 'text/plain',
dataType: 'json',
success: function(res) {
console.log(res)
}
});
</script>
</body>
</html>