AJAX 调用失败时未定义的 Javascript 错误

Question

我有一个被 AJAX 调用并返回 JSON 的 Spring MVC 控制器。如果调用成功且没有错误，我将返回带有键“message”的字符串消息。同样，如果捕获到异常，我也会返回带有键“消息”的字符串错误。我还返回一个 HTTP 错误响应。

在我的 Javascript 中，我在警报中输出此“消息”。如果呼叫成功，警报会显示消息。如果调用不成功，我会收到“数据未定义”的 Javascript 错误。

1. 为什么“数据”在成功时可访问，但在调用失败时无法访问，我需要进行哪些更正才能使其正常工作？
2. 我是使用 Spring 进行 AJAX 调用的新手，因此欢迎和感谢对下面我的解决方案的任何一般性反馈/批评。

注意Javascript 中的警报和消息本身是虚拟实现，直到我通过修改 DOM 正确地提供用户反馈。

控制器

@RequestMapping(value = "/getMovieData", method = RequestMethod.POST, produces = "application/json")
@ResponseBody
public Map<String, Object> getMovieData(@RequestBody Map<String, Object> json, HttpServletResponse response) {

    String movieId = json.get("id").toString();

    Map<String, Object> rval = new HashMap<String, Object>();

    try {
        Movie movie = movieService.getMovieData(movieId);           
        rval.put("message", "You have succeeded");
        rval.put("movie", movie);
    } catch (Exception e) {
        response.setStatus(HttpServletResponse.SC_BAD_REQUEST);
        rval.put("message", "You have an error - " + e.getMessage());
    }

    return rval;

}

Javascipt

function getMovieData(data) {

    var request = $.ajax({

        type : 'POST',
        url : '<c:url value="/getMovieData" />',
        dataType : "json",
        contentType : "application/json; charset=utf-8",
        data : data,

    });

    request.done(function(data) {
        alert("Success: " + data.message);          
        populateMovieFields(data.movie);
    });

    request.fail(function(xhr, status, error, data) {
        alert("status: " + status);
        alert("error: "  + error);
        alert("Fail: " + data.message); 
    });

}

Answer 1

JSON 响应在作为第一个参数传递的 jqXHR 对象中可用。

request.fail(function(jqXHR, textStatus, errorThrown) {
   alert("Fail: " + jqXHR.responseJSON.message); 
});