码迷,mamicode.com
首页 > Web开发 > 详细

基于ajax请求异常捕获

时间:2018-05-09 22:43:56      阅读:280      评论:0      收藏:0      [点我收藏+]

标签:amp   host   query   $.ajax   bsp   r.js   exce   bug   turn   

第一步: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请求异常捕获

标签:amp   host   query   $.ajax   bsp   r.js   exce   bug   turn   

原文地址:https://www.cnblogs.com/houlai/p/9016793.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!