使用jquery-mockjax模拟ajax请求做前台測试[通俗易懂]

使用jquery-mockjax模拟ajax请求做前台測试

大家好,又见面了,我是全栈君。

一般来说,我们做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格式的返回值了。 

然后我们就能够继续玩耍了。忘了那个跟屠夫一起腐烂的小伙伴吧~~~

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/115909.html原文链接:https://javaforall.net

(0)
上一篇 2022年1月28日 下午9:00
下一篇 2022年1月28日 下午9:00


相关推荐

  • Stata字符型与数值型数据的转换——上市公司证券代码字符型与数值型的互换

    Stata字符型与数值型数据的转换——上市公司证券代码字符型与数值型的互换实现效果假设 000001 000012 000123 002345 为某些上市公司证券代码 上市公司实证研究中 常常需要用到上市公司证券代码 将字符型转为数值型比较容易 直接用 destring 命令即可实现 但是数值型转为字符型并且补齐 6 位数的命令比较少见 字符型转为数值型 destringStkc replace 数值型转为字符型 tostringStkc

    2025年9月19日
    6
  • jquery-uploadfile的使用「建议收藏」

    jquery-uploadfile的使用「建议收藏」jQueryFileUpload是一个Jquery文件上传组件,支持多文件上传、取消、删除,上传前缩略图预览、列表显示图片大小,支持上传进度条显示;支持各种动态语言开发的服务器端。官网链接:点击打开链接特点:拖放支持;上传进度条;图像预览;可定制和可扩展的;兼容任何服务器端应用平台(PHP,Python,RubyonRails,Java,Node.js,Goetc.)。使用方…

    2022年6月15日
    72
  • 文本数据标注工具Doccano

    文本数据标注工具Doccanodoccano 是一个开源文本标注工具 它提供了文本分类 序列标注和序列到序列的标注功能 因此 您可以为情绪分析 命名实体识别 文本摘要等创建标记数据 只需创建项目 上传数据并开始标注 总结下来就 3 步 上传数据 标注 下载带有标签的数据 命名实体识别第一个演示是序列标记任务之一 命名实体识别 您只需选择文本跨度并对其进行标注即可 由于 doccano 支持快捷

    2026年3月19日
    2
  • 华为交换机关闭网口_关闭端口的命令 怎么开启华为交换机关闭端口,命令谁知道啊。…[通俗易懂]

    华为交换机关闭网口_关闭端口的命令 怎么开启华为交换机关闭端口,命令谁知道啊。…[通俗易懂]1025端口和UDP13137、138、445端口。想和你喝酒是假的,余生都想醉在你心头却是真的。怎样用命令关闭和开启80端口?电脑点击开始按钮,点击控制面板。遇见的一部分叫做缘分,另一部分,小编们叫它劫数,有命中注定就有在劫难逃。进入控制面板页面,点击windows防火墙。进入windows防火墙界面,点击高级设置。小编们都在淡化这段感情,你选择新欢,小编选择时间。进入防火墙高级管理…

    2022年7月20日
    56
  • python实现excel转json的例子[通俗易懂]

    python实现excel转json的例子[通俗易懂]python实现excel转json的例子(改进版)由于数值策划给出数值是excel表格,但前台flash程序用的又是json格式。服务器也用了json格式,而json又是utf-8编码的,用C++实现,太痛苦。鉴于此,尝试用python实现看看。没想到,python实现确实很简单,一个多小时搞定(有搜索事半功倍啊)。今天我又对它做了一点改进。主要1、是支持float和多表格;2、在exc…

    2022年5月24日
    37
  • 谈谈你对Spring Bean生命周期的理解【面试】

    谈谈你对Spring Bean生命周期的理解【面试】SpringBean 生命周期

    2026年3月18日
    1

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号