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')
})
})
})
网页效果: