Mock.js的使用

给你一囗甜甜゛ 提交于 2019-11-26 16:44:31

使用非常简单,引入mock.js

例如有个功能需要接口提供数据,比如说接口名称是:http://www.xxx.cn/getName

Mock.mock('http://www.xxx.cn/getName', {
    'cname': '@name',
});

对应的jquery ajax:

$.ajax({
    url: 'http://www.xxx.cn/getName',
    dataType:'json'
    }).done(function(data, status, xhr){
        console.log(data)
    )    
});

控制台打印的消息:

{
  "name": "罗霞",
}

对应的mock.js数据模拟文档:

http://mockjs.com/examples.html

在开发前,前端需要和后端约定好相应的数据结构。到时等后端接口开发完成,调试的时候,只需删除Mock的模拟地址,用真正的地址即可。非常方便。

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!