mock模拟前后端分离
2016-11-12 09:38
197 查看
mockjs是用于mock数据（造假数据）的组件。
mockjs官网链接为：http://mockjs.com/；mockjs官网有mockjs的源代码、API以及示例。
mockjs拦截my.json、/my请求，返回mock数据
mockjs官网链接为：http://mockjs.com/；mockjs官网有mockjs的源代码、API以及示例。
mockjs拦截ajax请求
mockjs拦截my.json、/my请求，返回mock数据Mock.mock(/\/my/, {
'list|1-10': [{
'id|+1': 1,
'email': '@EMAIL'
}]
});
Mock.mock(/my.json/, {
'list|1-10': [{
'id|+1': 1,
'email': '@EMAIL'
}]
});
$.ajax({
url: '/my',
dataType: 'json',
success: function(data, status, jqXHR) {
$('<pre>').text(JSON.stringify(data, null, 4)).appendTo('body');
}
});
$.ajax({
url: 'my.json',
dataType: 'json',
success: function(data, status, jqXHR) {
$('<pre>').text(JSON.stringify(data, null, 4)).appendTo('body');
}
});
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 前后端分离开发——模拟数据mock.js
- 实现前后端分离的mock！！！mock的使用
- 前后端分离--mock
- 让前端独立于后端进行开发，模拟数据生成器Mock.js
- Mock.js：前后端分离开发工具
- vue+xe-ajax+mock 前后端分离 ajax+mock xe-ajax-mock
- 全栈开发：前后端分离配置篇（vue+webpack+mock+nginx+laravel）
- 如何在Vue项目中使用Mockjs，模拟接口返回的数据，实现前后端分离独立开发
- 关于前后端分离开发的方法，jQuery的Mockjax：Ajax请求模拟
- 前后端分离之数据模拟
- 前后端分离配置篇（vue+webpack+mock+nginx+spring）
- lazy-mock ，一个生成后端模拟数据的懒人工具
- 前后端分离之让前端开发脱离接口束缚（mock）
- 前后端分离-mock接口的功与过
- 前后端分离--构建前端Mock Server--windows部署rap
- dva 之 Mock —— 实现前后端分离开发
- 前后端分离(手) -- mock.js
- mock.js的使用方法，前后端的分离
- [转] 前后端分离开发模式的 mock 平台预研
- Hybris平台Web架构模式演变：前后端分离