mockjs 简单使用教程

小渣渣

Mock.js：生成随机数据，拦截 Ajax 请求，就这两个用途，文档地址：https://github.com/nuysoft/Mock/wiki



啥也不说了，先上html代码：

登录可见。

登录可见。

Mock.mock( rurl, template )

记录数据模板。当拦截到匹配 rurl 的 Ajax 请求时，将根据数据模板 template 生成模拟数据，并作为响应数据返回。

'name|count': string

通过重复 string 生成一个字符串，重复次数等于 count。

'name|min-max': number

生成一个大于等于 min、小于等于 max 的整数，属性值 number 只是用来确定类型，我一开始在后面的数值纠结了半天。

所以，我们Ajax请求http://www.bai.com的时候，返回了name为lzlzlz，age为20-60之间的随机数。

Mock.mock( rurl, rtype, function( options ) )

记录用于生成响应数据的函数。当拦截到匹配 rurl 和 rtype 的 Ajax 请求时，函数 function(options) 将被执行，并把执行结果作为响应数据返回。

登录可见。

options

指向本次请求的 Ajax 选项集，含有 url、type 和 body 三个属性，其中body是有编码转换的，我们需要进行解码。

登录可见。

在使用$.post请求的时候，我们无法正常获取返回的json对象，可以设置方法第三个参数为json，如下：

登录可见。

其中，data.id是mock随机生成的guid。

（完）