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

网页效果：