首页 > web前端 > js教程 > 正文

JS怎样在Spring中实现自定义异常_JS在Spring中实现自定义异常的详细教程

星夢妙者
发布: 2025-11-11 23:55:02
原创
432人浏览过
答案:Spring通过Java实现自定义异常并返回结构化错误信息,前端JavaScript通过fetch或axios接收响应,解析错误码与消息并进行提示。前后端约定错误码范围,JS根据code值执行不同处理逻辑;推荐使用axios拦截器统一捕获异常,提升维护性与用户体验。

js怎样在spring中实现自定义异常_js在spring中实现自定义异常的详细教程

JavaScript 并不能直接在 Spring 框架中实现自定义异常,因为 Spring 是基于 Java 的后端框架,而 JavaScript 是前端或 Node.js 环境下的语言。但如果你的问题是“如何在 Spring 项目中通过前端 JS 配合实现自定义异常的处理与展示”,那就可以完整解释前后端协作的过程。

理解 Spring 中的自定义异常机制

Spring 使用 Java 实现异常处理,核心是结合 @ControllerAdvice@ExceptionHandler 和自定义异常类来统一响应错误信息。

例如,定义一个自定义异常:

public class CustomException extends RuntimeException { private int code; private String message;
public CustomException(int code, String message) {  
    this.code = code;  
    this.message = message;  
}  

// getter 方法省略
登录后复制

}

然后使用全局异常处理器捕获:

@ControllerAdvice public class GlobalExceptionHandler {
@ExceptionHandler(CustomException.class)  
public ResponseEntity<Map<String, Object>> handleCustomException(CustomException e) {  
    Map<String, Object> response = new HashMap<>();  
    response.put("code", e.getCode());  
    response.put("message", e.getMessage());  
    return ResponseEntity.status(HttpStatus.BAD_REQUEST).body(response);  
}  
登录后复制

}

前端 JS 如何接收和处理 Spring 抛出的自定义异常

当后端抛出 CustomException,前端 JavaScript 可以通过 fetch 或 axios 接收结构化错误响应,并进行提示或跳转。

示例:使用 fetch 发起请求并处理异常响应

fetch('/api/user', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(userData) }) .then(response => { if (!response.ok) { return response.json().then(err => { throw err; }); } return response.json(); }) .then(data => { console.log('操作成功:', data); }) .catch(error => { alert(`错误 ${error.code}: ${error.message}`); // 或更新页面元素显示错误 document.getElementById('errorMsg').textContent = error.message; });

常见场景包括表单提交失败、权限不足、数据校验错误等,后端返回如:

百度文心百中
百度文心百中

百度大模型语义搜索体验中心

百度文心百中 22
查看详情 百度文心百中
{ "code": 1001, "message": "用户已存在" }

前后端约定错误码提升可维护性

为了 JS 能准确识别不同异常类型,建议前后端协商定义错误码规范。

  • 1000-1999:用户相关错误(注册、登录)
  • 2000-2999:权限或认证问题
  • 3000-3999:参数校验失败
  • 4000+:系统级异常

JS 根据 code 做不同处理:

if (error.code >= 3000) { showModal('系统繁忙,请稍后再试'); } else if (error.code === 1001) { highlightField('username', '用户名已占用'); }

使用 Axios 拦截器统一处理异常(推荐)

避免每个请求都写重复的 catch,可用 axios 拦截器集中管理。

axios.interceptors.response.use( response => response, error => { if (error.response) { const { code, message } = error.response.data; console.warn(`后端异常: ${code} - ${message}`); alert(message); } return Promise.reject(error); } );

这样所有请求都会自动处理 Spring 返回的自定义异常,提升开发效率。

基本上就这些。Spring 用 Java 定义和抛出异常,JS 负责接收并反馈给用户。关键在于接口返回格式统一,前后端沟通清楚错误码含义。不复杂但容易忽略细节。

以上就是JS怎样在Spring中实现自定义异常_JS在Spring中实现自定义异常的详细教程的详细内容,更多请关注php中文网其它相关文章!

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号