当前位置: 移动技术网 > IT编程>网页制作>CSS > Mockjs--前后端分离,模拟接口

Mockjs--前后端分离,模拟接口

2018年12月26日  | 移动技术网IT编程  | 我要评论

mockjs--前后端分离,模拟接口

mock.js官方网址:

首页:https://mockjs.com/

在mockjs的官网中,就直接能看到这样的一句话:生成随机数据,拦截ajax请求。

这句话集中体现了mock.js能够干什么!

mockjs的使用场景

如今,前端所承载的东西越来越多,前后端分离开发已经渐渐成为趋势。

,离不开数据展示,这个时候,需要一些相对真实的,能够模拟数据的需求就越发的强烈了,而mockjs就应运而生!

它可以真实的模拟接口调用,直接拦截ajax请求,从而生成模板数据。

mockjs的使用

作为练习使用的话,我强烈建议使用mock.js的cdn地址。接口调用建议使用jquery的cdn地址。

mock.mock()

mock()方法是mockjs进行数据模拟的方法,基本使用示例如下:

var data = mock.mock({

'title': '个人资料',

'name': 'mapbar_front',

'age': 26

});

console.log(data);

//这个data就是mock中的对象。

如果你想进行ajax拦截的使用的话:

mock.mock('https://mapbar.com/mdeditor',{

'title': '个人资料',

'name': 'mapbar_front',

'age': 26

});

//再进行数据请求

$.get('https://mapbar.com/mdeditor',function(data){

console.log(data);

//这个data就是上面mock出来的东西

})

这就是mockjs的基本使用。

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网