mock.js 生成假数据 前端独立于后台开发

mock.js的作用是产生假数据，使得前端的开发独立于后台开发，而后台发开者可以根据前端开发者写的mock的结构来定制接口。

mock的官网：官网

不过官网在示例的那部分打开特别慢，其实说的还是非常清楚的！

有很多种使用的方法，就举一个我最常用的例子。

html就是一个空得框架就可以了。当然要引入mock.js。

$(document).ready(function() {var template = {'results|1-4':[{'num':'@integer(0,4)','sent':'@sentence'}]}Mock.mock("mock/getmockdata", template)$.ajax({url:"mock/getmockdata",dataType:"json"}).done(function(data, status, jqXHR) {$('<pre>').text(JSON.stringify(data, null, 4)).appendTo('body')$.each(data.results, function(i, item){$('<p>').text(item.num).appendTo('body')$('<p>').text(item.sent).appendTo('body')})})})

网页效果：