资讯专栏INFORMATION COLUMN

mockjs让前端开发独立于后端

Half / 2819人阅读

摘要:可以模拟数据,拦截请求,返回模拟数据,无需后端返回就可以测试前端程序官网原文首先在头中引入我们需要的文件在请求之前,用定义返回数据表示成功,表示错误信息不完整弹出错误信息在中的要与中的相同,比如我这里是那么好了,说到这里,我们进行测试一下调

mock.js 可以模拟ajax数据,拦截ajax请求,返回模拟数据,无需后端返回就可以测试前端程序

mockjs官网

原文:http://i.jakeyu.top/2016/08/1...

首先在head头中引入我们需要的mockjs文件

在ajax请求之前,用mack定义返回数据

Mock.mock("http://laoyu", {
 "errorcode": 0,//0表示成功,1表示错误
 "message": "xx信息不完整", //弹出错误信息
});

在ajax中,open()的url要与mock中的相同,比如我这里是http://laoyu,那么

XHR.open("post/get","http://laoyu",true/false)

好了,说到这里,我们进行测试一下

看到没,返回了我们使用mock模拟的数据,这样就可以无需后台,直接进行自己的测试了

xhr.readyState的五种状态

0 - (未初始化)还没有调用open()方法 
1 - (服务器连接已经建立)已调用open()方法,正在发送请求 
2 - (请求已接收)send()方法执行完成,已经接收到全部响应内容 
3 - (请求处理中)正在解析响应内容 
4 - (请求已完成)响应内容解析完成,可以在客户端调用了

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/111707.html

相关文章

  • mockjs前端开发独立后端

    摘要:可以模拟数据,拦截请求,返回模拟数据,无需后端返回就可以测试前端程序官网原文首先在头中引入我们需要的文件在请求之前,用定义返回数据表示成功,表示错误信息不完整弹出错误信息在中的要与中的相同,比如我这里是那么好了,说到这里,我们进行测试一下调 mock.js 可以模拟ajax数据,拦截ajax请求,返回模拟数据,无需后端返回就可以测试前端程序 mockjs官网 原文:http://i.j...

    Ali_ 评论0 收藏0
  • mockjs前端开发独立后端

    摘要:可以模拟数据,拦截请求,返回模拟数据,无需后端返回就可以测试前端程序官网原文首先在头中引入我们需要的文件在请求之前,用定义返回数据表示成功,表示错误信息不完整弹出错误信息在中的要与中的相同,比如我这里是那么好了,说到这里,我们进行测试一下调 mock.js 可以模拟ajax数据,拦截ajax请求,返回模拟数据,无需后端返回就可以测试前端程序 mockjs官网 原文:http://i.j...

    Terry_Tai 评论0 收藏0
  • 前端攻城师独立后端进行开发: Mock.js

    摘要:一是什么目前的大部分公司的项目都是采用的前后端分离后端接口的开发和前端人员是同时进行的那么这个时候就会存在一个问题在页面需要使用大量数据进行渲染生成前后端开发人员的接口也许并没有写完作为前端的我们也就没有办法获取数据所以前端工程师就需要自己 showImg(https://segmentfault.com/img/remote/1460000013022563); 一.Mock.js是...

    Fundebug 评论0 收藏0
  • 后端开发分离之Mock

    摘要:为了使得前端减轻对后端的依赖,在后端功能尚未实现的情况下保证前端进度的开发,我们一般会手动进行一些数据模拟,即假数据。覆盖拦截请求,目前内置支持。 序 有时候我们开发一般会分为前后端,前端负责数据显示和UI交互,后端负责数据IO等等。因此造成前端对后端有严重依赖,使得前端的开发进度普遍滞后于后端。 为了使得前端减轻对后端的依赖,在后端功能尚未实现的情况下保证前端进度的开发,我们一般会手...

    phpmatt 评论0 收藏0
  • 后端开发分离之Mock

    摘要:为了使得前端减轻对后端的依赖,在后端功能尚未实现的情况下保证前端进度的开发,我们一般会手动进行一些数据模拟,即假数据。覆盖拦截请求,目前内置支持。 序 有时候我们开发一般会分为前后端,前端负责数据显示和UI交互,后端负责数据IO等等。因此造成前端对后端有严重依赖,使得前端的开发进度普遍滞后于后端。 为了使得前端减轻对后端的依赖,在后端功能尚未实现的情况下保证前端进度的开发,我们一般会手...

    tyheist 评论0 收藏0

发表评论

0条评论

Half

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<