mock.js的作用是產(chǎn)生假數(shù)據(jù)，使得前端的開(kāi)發(fā)獨(dú)立于后臺(tái)開(kāi)發(fā)，而后臺(tái)發(fā)開(kāi)者可以根據(jù)前端開(kāi)發(fā)者寫(xiě)的mock的結(jié)構(gòu)來(lái)定制接口。
mock的官網(wǎng)：官網(wǎng)
不過(guò)官網(wǎng)在示例的那部分打開(kāi)特別慢，其實(shí)說(shuō)的還是非常清楚的！
有很多種使用的方法，就舉一個(gè)我最常用的例子。
html就是一個(gè)空得框架就可以了。當(dāng)然要引入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')
})
})
})
網(wǎng)頁(yè)效果：
