脚本宝典收集整理的这篇文章主要介绍了使用mock.js的一些体会 (1),脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
首先免不了安装了
# 安装 npm方式npm install mockjs
# 安装 bowernpm install -g bowerbower install --save mockjs
#CDN方式引入(找一找网上的cdn服务商提供)
<script src="https://cdn.bootcdn.net/ajax/libs/Mock.js/1.0.1-beta3/mock-min.js"></script>
先来一个最简单的例子
Mock.mock('www.haizhi.com', {
"user|2-5": [{ //2-5组数据
'name': '@cname', //中文名称
'age|1-100': 100, //100以内随机整数
}]
});
Mock.setup({
timeout: '200-600'
})
var xhr = new XMLHttpRequest();
xhr.open("get", "www.haizhi.com", true);
xhr.send(null);
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
console.log(xhr.responseText);
}
}
浏览器上看下效果:
接下来讲一下他的使用:
1.Mock.mock( rurl?, rtype?, template|function( options ) )
1.1 Mock.mock( template )
根据数据模板生成模拟数据。
1.2 Mock.mock( rurl, template )
记录数据模板。当拦截到匹配 rurl
的 Ajax 请求时,将根据数据模板 template
生成模拟数据,并作为响应数据返回。(这个比较常用)
-----------------先介绍以上这两个-------------------------
rurl
表示需要拦截的 URL,可以是 URL 字符串或 URL 正则。例如 //domain/list.json/
、'/domian/list.json'
。
template
可选。
表示数据模板,可以是对象或字符串。例如 { 'data|1-10':[{}] }
、'@EMAIL'
。
脚本宝典总结
以上是脚本宝典为你收集整理的使用mock.js的一些体会 (1)全部内容,希望文章能够帮你解决使用mock.js的一些体会 (1)所遇到的问题。
如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。