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

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

mock的官网：官网

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

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

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

[javascript]view plaincopy

$(document).ready(function() {

vartemplate = {

'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) {

$('

').text(JSON.stringify(data,null, 4)).appendTo('body')

$.each(data.results,function(i, item){

$('

').text(item.num).appendTo('body')

$('

').text(item.sent).appendTo('body')

})

})

})

网页效果：