基于ajax请求异常捕获

时间：2021-04-25 00:20:42

第一步:controller中

@RequestMapping("/ajaxerror")
public String ajaxerror() {

return "thymeleaf/ajaxerror";
}

//一个异常包下的类,一个html,一个js
@RequestMapping("/getAjaxerror")
@ResponseBody
public IMoocJSONResult getAjaxerror() {

int a = 1 / 0;

return IMoocJSONResult.ok();
}

第二步:html中

<!DOCTYPE html >
<html>
<head lang="en">
<meta charset="UTF-8" />
<title></title>

<script th:src="@{/static/js/jquery.min.js}"></script>

</head>
<body>

<h1>测试ajax错误异常</h1>

<script th:src="@{/static/js/ajaxerror.js}"></script>
</body>
</html>

标准ajax请求

$.ajax({
url: "/err/getAjaxerror",
type: "POST",
async: false,
success: function(data) {
debugger;
if(data.status == 200 && data.msg == "OK") {
alert("success");
} else {
alert("发生异常：" + data.msg);
}
},
error: function (response, ajaxOptions, thrownError) {
debugger;
alert("error");
}
});

第三步 异常类 在exception包中  IMoocExceptionHandler

详情参考代码

第四步 前端请求  http://localhost:8080/err/ajaxerror

结果报异常 alert一下

因js是先执行,所以执行完后就会显示前端文字信息

基于ajax请求异常捕获的更多相关文章

  1. Spring MVC异常统一处理（包括普通请求异常以及ajax请求异常）

    通常SpringMVC对异常的配置都是返回某个jsp视图给用户,但是通过ajax方式发起请求,即使发生异常,前台也无法获得任何异常提示信息.因此需要对异常进行统一的处理,对于普通请求以及ajax请求的 ...

  2. 统一处理jquery ajax请求过程中的异常错误信息的机制

    当jQuery ajax向服务器发送请求,服务器发生异常,比如:400.403.404.500等异常,服务器将异常响应给客户端,此时的ajax可以获取异常信息并进行处理,但此时我们一般是跳转到与异常编 ...

  3. Vue全局异常捕获

    之前没注意过这么个小技巧 , 可能在Vue文档里也有  暂时先记下了 方便摘要 Vue全局配置 errorHandler可以进行全局错误收集,我们可以根据这个特性对前端异常做这样的处理:业务错误直接写 ...

  4. EasyUI DataGrid 基于 Ajax 自定义取值&lpar;loadData&rpar;

    为 datagrid 加载数据分两种情况: 一种是基于 Ajax 请求获取数据然后通过"loadData"方法来赋值: 另一种是直接使用 datagrid 自带的"loa ...

  5. 项目开发中的一些注意事项以及技巧总结 基于Repository模式设计项目架构—你可以参考的项目架构设计 Asp&period;Net Core中使用RSA加密 EF Core中的多对多映射如何实现？ asp&period;net core下的如何给网站做安全设置 获取服务端https证书 Js异常捕获

    项目开发中的一些注意事项以及技巧总结   1.jquery采用ajax向后端请求时,MVC框架并不能返回View的数据,也就是一般我们使用View().PartialView()等,只能返回json以 ...

  6. Sping MVC不使用任何注解处理（jQuery）Ajax请求（基于XML配置）

    1. Spring Spring框架是一个轻量级的解决方案,是一个潜在的一站式商店,用于构建企业就绪的应用程序.Spring框架是一个Java平台,为开发Java应用程序提供全面的基础架构支持.Spr ...

  7. ajax请求基于restFul的WebApi&lpar;post、get、delete、put&rpar;

    近日逛招聘软件,看到部分企业都要求会编写.请求restFul的webapi.正巧这段时间较为清闲,于是乎打开vs准备开撸. 1.何为restFul? restFul是符合rest架构风格的网络API接 ...

  8. C&num;中缓存的使用 ajax请求基于restFul的WebApi&lpar;post、get、delete、put&rpar; 让 &period;NET 更方便的导入导出 Excel &period;net core api &plus;swagger&lpar;一个简单的入门demo 使用codefirst&plus;mysql&rpar; C&num; 位运算详解 c&num; 交错数组 c&num; 数组协变 C&num; 添加Excel表单控件（Form Controls） C&num;串口通信程序

    C#中缓存的使用   缓存的概念及优缺点在这里就不多做介绍,主要介绍一下使用的方法. 1.在ASP.NET中页面缓存的使用方法简单,只需要在aspx页的顶部加上一句声明即可:  <%@ Outp ...

  9. 想抛就抛：Application&lowbar;Error中统一处理ajax请求执行中抛出的异常

    女朋友不是想抛就抛,但异常却可以,不信请往下看. 今天在MVC Controller中写代码时,纠结了一下: public async Task<ActionResult> Save(in ...

随机推荐

  1. 【leetcode】Partition List（middle）

    Given a linked list and a value x, partition it such that all nodes less than x come before nodes gr ...

  2. 高清摄像头MIPI接口与ARM处理器的连接

    MIPI摄像头常见于手机.平板中,支持500万像素以上高清分辨率.它的全称为“Mobile Industry Processor Interface”,分为MIPI DSI 和MIPI CSI,分别对 ...

  3. js获取select下拉框选中的的值和判断checkbox是否选中状态

    html: <select id="lib_select"  name="">   <option   value="1" ...

  4. loadrunner11 下载路径&plus;安装&plus;破解&plus;汉化

    下载地址:http://pan.baidu.com/s/1eQs1Ynw 1.解压安装包 2.运行“setup.exe”,点击“LoadRunner完整安装程序”开始安装,另外此安装包有许多附带组件, ...

  5. ORA-12801&sol;ORA-12853&colon; insufficient memory for PX buffers&colon; current 274880K&comma; max needed 19722240K&sol;ORA-04031解决方法

    近日,现场一台服务器在运行时出现下列异常: ORA-12801: error signaled in parallel query server P139 ORA-12853: insufficien ...

  6. JAVA编程思想学习笔记5-chap13-15-斗之气5段

    1.String对象不可变,一旦发生字符变换或者变长度,一定是新建了一个String private final char value[]; 2.字符串+与+=:唯二操作符重载 "aaa&q ...

  7. 【bzoj1040】 ZJOI2008—骑士

    http://www.lydsy.com/JudgeOnline/problem.php?id=1040 (题目链接) 题意 一个基环森林,从中选出不相邻的若干个点使得这些点的点权和最大. Solut ...

  8. Python Web开发之路

    Flask相关 1.DBUtils数据库连接池 2.Flask之初体验 3.Flask之WTForms 4.Flask之信号 5.Flask之flask-session 6.Flask之flask-s ...

  9. nodejs搭建简易的rpc服务

    这里主要使用的是jayson包,使用jayson实现rpc server端十分简单,如下: var jayson = require('jayson') // create a server var ...

  10. node&period;js使用Sequelize 操作mysql

    Sequelize就是Node上的ORM框架 ,相当于java端的Hibernate 是一个基于 promise 的 Node.js ORM, 目前支持 Postgres, MySQL, SQLite ...

相关文章