欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-05-17 19:39:30
mockjs--前后端分离,模拟接口 mock.js官方网址: 首页:https://mockjs.com/ 在mockjs的官网中,就直接能看到这样的一句话:生成随机数据,拦截ajax请求。 这句...

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的基本使用。