使用jquery从ajax响应中获取Http状态代码

时间:2014-08-23 23:05:52

标签: jquery ajax spring spring-mvc http-status-codes

在我当前的spring项目中,当我向服务器提交表单时,响应由此方法处理:

    $('form.form').each(function () {
        var form = this;
        $(form).ajaxForm(function (data) {
            form.reset();
            $(".alert-info").find("#alert").html(data);
            $(".alert-info").show();
        });
    });

在我的控制器中,提交由以下方法处理:

@RequestMapping(value="cadastra", method=RequestMethod.POST)
@ResponseBody
@ResponseStatus(HttpStatus.CREATED)
public void cadastra(@ModelAttribute("object") E object, BindingResult result, @RequestParam(value="file", required=false) MultipartFile file, @RequestParam(value="icone", required=false) MultipartFile icone, @RequestParam(value="screenshot", required=false) MultipartFile screenshot[]) throws IllegalAccessException, IllegalArgumentException, InvocationTargetException, IOException {
    serv.cadastra(object);
    serv.upload_picture(object, file, "picture");
    serv.upload_picture(object, icone, "icone");
}

来自控制器方法的错误响应由此ControllerAdvice类处理:

@ControllerAdvice
@PropertySource({"classpath:error.properties"})
public class GlobalDefaultExceptionHandler {

    @Autowired
    private Environment env;

    @ExceptionHandler(value = Exception.class)
    public ModelAndView defaultErrorHandler(HttpServletRequest req, Exception e) throws Exception {
        // If the exception is annotated with @ResponseStatus rethrow it and let
        // the framework handle it - like the OrderNotFoundException example
        // at the start of this post.
        // AnnotationUtils is a Spring Framework utility class.
        if (AnnotationUtils.findAnnotation(e.getClass(), ResponseStatus.class) != null)
            throw e;
        // Otherwise setup and send the user to a default error-view.
        ModelAndView mav = new ModelAndView();
        mav.addObject("exception", e);
        mav.addObject("url", req.getRequestURL());
        mav.addObject("msg", e.getLocalizedMessage());
        mav.setViewName("erro");
        return mav;
    }

}

我正在寻找一种方法从我的jquery代码中读取响应中的http状态代码(可以是1xx,2xx,3xx,4xx或5xx),并根据此代码显示相关消息。

在浏览器的网络监视器中,我可以看到成功的响应已经在方法中实现了代码HTTP 201;发生错误时,响应应具有代码4xx或5xx,具体取决于触发的异常。

通过这种方式,我想知道是否有人可以提示如何修改我的jquery代码和我的COntrollerAdvice来实现这一目标。

3 个答案:

答案 0 :(得分:4)

看起来您正在使用jQuery Form Plugin。如果是这样,回调函数的第三个参数是xhr对象,你可以得到这样的HTTP状态:

$(form).ajaxForm(function (data, statusText, xhr) {
    alert(xhr.status);

jsfiddle

答案 1 :(得分:3)

像这样:

$.ajax({
    type: "post", url: "/SomeController/SomeAction",
    success: function (data, text) {
        //...
    },
    error: function (request, status, error) {
        alert(request.responseText);
    }
});

e.g。

error: function(xhr,err){
    alert("readyState: "+xhr.readyState+"\nstatus: "+xhr.status);
    alert("responseText: "+xhr.responseText);
}

xhr是XmlHttpRequest的缩写。

readyState:值为1:loading,2:loaded,3:interactive,4:complete

状态:HTTP状态编号,如404未找到,500内部服务器错误,200:ok(警告:特殊IE问题值:0已取消)

responseText:来自服务器的响应 - 这可能是您的自定义状态文本(确保状态代码不是200 OK)

如果您想在成功时查看状态,请始终使用:

var jqxhr = $.ajax( "example.php" )
.done(function (data) { alert(data); })
.fail(function (jqXHR, textStatus, errorThrown) { someErrorFunction(); })
.always(function() { alert("complete"); });

另外,请参阅有关成功 - 错误 - 完成与完成 - 失败 - 总是的这篇文章 jQuery ajax() using success, error and complete vs .done(), .fail() and always()

如果要在页面上设置全局错误处理,请使用ajaxSetup:
http://www.unseenrevolution.com/jquery-ajax-error-handling-function/

答案 2 :(得分:2)

获取标题和状态作为回应:

$.ajax({
    dataType: "json",
    url: url,
    data: data
}).done(function(rs, textStatus, xhr) {
    console.log(xhr.getResponseHeader('X-CUSTOM-HEADER'));
    console.log(xhr.status);
});

另见:Using getResponseHeader with jQuery’s ajax method