使用jquery-mockjax模拟ajax请求做前台测试
来源:互联网 发布:电脑的mac地址 编辑:程序博客网 时间:2024/06/15 23:00
一般来说,我们做web开发的时候前后台是分开做的,这样带来的好处是前台的开发人员可以安心的写前台代码而后台的小伙伴就安心研究后台就OK了。
但是这样带来一个问题,当后台的小伙伴被天灾军团带走了,那前台需要依赖后台服务的代码怎么办呢? 方法是有的: 寻求近卫军团帮忙
近卫军团有很多选手,今天要说的是 jQueryMock 这位。 mockjax官方地址:https://github.com/appendto/jquery-mockjax/
首先在你需要测试的页面里引入
<script src="../lib/jquery-1.11.1.min.js"></script> <script src="../lib/jquery.mockjax.js"></script>对应文件可以去上面提到的地址找到release版本
然后重点来,比如我们现在有一个ajax请求发到后台,需要获取一些后台数据:
TestModel = $.extend(TestModel, {ajaxTest : function() {$.ajax({url : '/test/Qunit_MockAjax_Test.action',type : 'GET',async: false,error : function(xhr) {alert('error');},success : function(response) {return response.result;}});}});
现在意外发生了,写'/test/Qunit_MockAjax_Test.action'这个action的小伙伴被屠夫钩走而且咬住了,一时半会回不来了,我们怎么玩呢?不能傻傻的等他回来啊。这个时候我们可以虚拟一个ajax请求的返回值
/** * 虚拟Ajax的请求响应 */$.mockjax({ url: '/test/Qunit_MockAjax_Test.action', status: 200, responseTime: 50, responseText: {"result":"hello mockAjax"} });
这里面的url,就是你请求的url地址,所有指向这个地址的请求都会被mockjax截获,按照你下面配置的参数给出返回。
比如我们这里的返回就是 {"result":"hello mockAjax"} 这个json格式的返回值了。
然后我们就可以继续玩耍了,忘了那个跟屠夫一起腐烂的小伙伴吧~~~
0 0
- 使用jquery-mockjax模拟ajax请求做前台测试
- 使用 jQuery Mockjax 插件模拟 Ajax 请求
- 关于前后端分离开发的方法,jQuery的Mockjax:Ajax请求模拟
- 关于前后端分离开发的方法,jQuery的Mockjax:Ajax请求模拟
- jQuery Mockjax使用总结
- 模拟Ajax请求,前台页面无跳转
- jquery ajax前台请求和获取数据
- jquery - ajax 请求使用
- 使用jQuery发送Ajax请求
- 使用jquery发送ajax请求
- 前台jquery+ajax向后台请求数据,后台返回json,前台显示
- 使用PHP模拟ajax请求的源代码
- 使用jQuery ajax请求json数据
- 使用jquery实现ajax请求示例
- Jquery使用Ajax请求调用后台
- jQuery之异步Ajax请求使用
- Jquery使用AJAX请求跨域解决方法
- jQuery之异步Ajax请求使用
- cout运算顺序(←)
- Android手势操作
- Unity3D游戏开发之SQLite让数据库开发更简单
- 列表页模板 常识
- R语言的帮助使用和图形功能简介
- 使用jquery-mockjax模拟ajax请求做前台测试
- 【CODE】js转换时间格式:将时间转换成自己想要的格式
- iOS8 UIApplicationOpenSettingsURLString
- Asterisk 拨号计划之匹配规则和优先级详解
- [整理]邮件里常用英文缩写
- Haskell心得(1) 模式匹配、高阶函数、组合函数
- 解题报告:线段树查询 II
- 机器学习——Dropout原理介绍
- HTTP请求及应答