本文详解如何在 AngularJS 客户端中捕获并响应 Go 后端返回的失败状态（如 400、409），通过 $resource 的错误回调实现注册逻辑的分支控制（如用户名已存在时停留注册页，成功时跳转）。
本文详解如何在 angularjs 客户端中捕获并响应 go 后端返回的失败状态（如 400、409），通过 `$resource` 的错误回调实现注册逻辑的分支控制（如用户名已存在时停留注册页，成功时跳转）。
在前后端分离架构中，AngularJS 与 Go 搭配是常见组合：Go 作为轻量、高性能的 RESTful 后端，负责校验业务逻辑（如用户名唯一性）并返回标准 HTTP 状态码；AngularJS 则需据此做出差异化 UI 响应。关键在于——不能仅依赖响应体内容判断成败，而必须利用 HTTP 状态码驱动流程。
AngularJS 的 $resource 服务天然支持三参数回调模式：(successData, responseHeaders, statusText) 为成功回调，而第三个参数位置实际被预留用于错误处理。正确写法是提供两个回调函数：第一个为 success handler，第二个为 error handler：
$scope.register = function() {
const postBody = {
username: $scope.vm.user.username,
password: $scope.vm.user.password
};
Registration.save(postBody,
// 成功回调：服务端返回 2xx 状态码时触发
function(data, responseHeaders, status) {
console.log('注册成功:', data);
$location.path('/bookingsystem');
},
// 错误回调：服务端返回非 2xx 状态码（如 409 Conflict）时自动触发
function(httpResponse) {
console.error('注册失败:', httpResponse.status, httpResponse.data);
// 根据后端返回的状态码或响应体做精细化处理
if (httpResponse.status === 409) {
alert('用户名已被占用，请更换！');
// 保持当前视图，不跳转
} else if (httpResponse.status === 400) {
alert('请求参数错误，请检查输入格式。');
} else {
alert('网络异常或服务器错误，请稍后重试。');
}
}
);
};
⚠️ 重要注意事项：
- Go 服务端必须主动设置符合语义的 HTTP 状态码。例如检测到用户名冲突时，应返回 http.StatusConflict (409) 或 http.StatusBadRequest (400)，而非一律用 200 OK + 自定义错误字段。示例 Go 代码片段：
if userExists(username) { http.Error(w, `{"error":"username already exists"}`, http.StatusConflict) w.Header().Set("Content-Type", "application/json") return } - AngularJS 不会将 4xx/5xx 响应视为 JS 异常，因此绝不可依赖 try/catch 包裹 $resource 调用——错误回调才是唯一可靠入口。
- 若使用 $http 替代 $resource，则统一通过 .then(successFn, errorFn) 或 .catch(errorFn) 处理，原理相同。
通过状态码驱动前端逻辑，既符合 REST 规范，又让错误处理清晰可维护。记住：成功的注册体验，始于服务端一句 http.StatusCreated(201)，也成于前端对 409 的优雅降级。
