mockjs java_使用Mock.js进行独立于后端的前端开发

概述

Mock.js实现的功能

基于 数据模板 生成数据

基于 HTML模板 生成数据

拦截并模拟 Ajax请求

用法

浏览器：

// 使用 Mock

var data = Mock.mock({

'list|1-10': [{

'id|+1': 1

}]

});

$('

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

.appendTo('body')

返回值:

{

"list": [

{

"id": 1

},

{

"id": 2

},

{

"id": 3

}

]

}

JQuery：

配置模拟数据：

Mock.mock('http://g.cn', {

'name' : '@name',

'age|1-100': 100,

'color' : '@color'

});

发送Ajax请求：

$.ajax({

url: 'http://g.cn',

dataType:'json'

}).done(function(data, status, xhr){

console.log(

JSON.stringify(data, null, 4)

)

})；

返回数据：

// 结果1

{

"name": "Elizabeth Hall",

"age": 91,

"color": "#0e64ea"

}

// 结果2

{

"name": "Michael Taylor",