(转)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')

})

})

})

网页效果:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,107评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,002评论 25 709
  • 病房里发现一个很有趣的现象,经常看到老奶奶无微不至地照顾着患病的老爷爷,却很少看到老爷爷照顾患病的老奶奶。 这普遍...
    原野花开阅读 1,329评论 8 4
  • 我们会遇见很多人 在这不短不长的人生里 有些人的出现是为了离开 。有人说爱情不是一颗心去敲打另一颗心 而是两颗心共...
    不戚阅读 265评论 0 1
  • 转载注明源自叨叨戚 相关阅读:1.欢迎加入特种兵团-找到真正的生命快乐2.关于素质教育的思考,和生活特种兵计划 成...
    船长戚戈XGeek001阅读 318评论 0 1