侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

Mock.js的使用

2024-05-13 星期一 / 0 评论 / 0 点赞 / 76 阅读 / 905 字

使用非常简单,引入mock.js 例如有个功能需要接口提供数据,比如说接口名称是:http://www.xxx.cn/getName Mock.mock('http://www.xxx.cn/getN

使用非常简单,引入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的模拟地址,用真正的地址即可。非常方便。

广告 广告

评论区