使用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格式的返回值了。 

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

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • web服务器状态码(服务端500错误码)

    对于第304页的错误,一直是SEO工作人员老生常谈的话题。初始网站管理员对304错误非常敏感。互联网上总是有与之相关的新闻,比如:大量的304状态码会在网站上被降级,但这是真的吗?一、304错误提示是什么意思?简单理解:网站304的错误状态代码是当客户端试图访问服务器互相的信息提示。如果第二次访问期间页面内容没有更改,服务器将返回304状态代码。严格来说,这不是一个错误。值得注意的是,通过网站的日…

  • w3c标准html5手册_在w3c中规定html决定页面的

    w3c标准html5手册_在w3c中规定html决定页面的w3c标准-html

  • IdentityServer4总结[通俗易懂]

    IdentityServer4总结[通俗易懂]一.客户端模式客户端模式只对客户端进行授权,不涉及到用户信息。如果API需要提供到第三方应用,第三方应用自己做用户授权,不需要用到用户资源,就可以用客户端模式,只对客户端进行授权访问api资源。1.添加客户端newClient(){ClientId=”apiClientCd”,//客户端IdClientSecrets={newSecret(“apiSecret”.Sha256())},//客户端密码AllowedGrantTypes=GrantTypes.

    2022年10月29日
  • dh参数建模_data vault 建模

    dh参数建模_data vault 建模仅供个人学习记录DH法一般用一次就丢,然后后面再需要用的时候就会忘,所以本文整理了DH建模法,方便需要使用的时候进行参考DH法可分成以下几步:辨认出关节和连杆确定Z轴确定每个坐标系的原点确定XY轴确定Toolframe写出DH参数表写出转换方程其中对于第二步情况也要分为两种旋转关节平动关节其中对于第四步情况分为三种:Zi与Zi-1不共面Zi与Zi-1平行…

  • 闭包及作用域销毁练习

    闭包及作用域销毁练习闭包及作用域销毁练习题vari=1;functionfn(i){returnfunction(n){console.log(n+(++i))}}varf=fn(2);f(3);fn(5)(6);fn(7)(8);f(4)//输出打印结果(把下面的html复制到本地打开就有此题详解)//…

    2022年10月11日
  • SQLPrompt关闭联网

    SQLPrompt关闭联网一、介绍1.1、SQLPromptSQLPrompt是一款SQL开发智能提示和补齐插件,方便查询表结果,避免了开发人员一个个敲查询语句、执行语句等,但是插件收费。1.2、SQLSearch同时还推荐一个同系列同公司推出的SQLSearch插件,这个插件免费,这款插件可以在库里快速查找关键字,包括表名、列名、字段名、函数或存储过程及索引等中出现的关键字,也是一个极为有用的插件利器。…

发表回复

您的电子邮箱地址不会被公开。

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