架构师

您现在的位置是:首页 > 程序人生 > 前端别闹

前端别闹

ajax请求成功但不执行success-function回调函数的问题

架构师小跟班 2019-08-30 前端别闹
问题描述:请求成功,返回状态码:200,但是sucess回调函数中的代码并没有执行。问题分析:在success:function(data){}下面加个error:function(){},看看是不是出错了走了error。如果是

问题描述:

请求成功,返回状态码:200,但是sucess回调函数中的代码并没有执行。

问题分析:

在success:function(data){}下面加个error:function(){},看看是不是出错了走了error。如果是,说明返回值类型不符合要求。

比如:下面代码返回String类型。

@RequestMapping(value = "/v1/doUpdate", method = RequestMethod.GET)
@ResponseBody
public String doUpdate(HttpServletRequest request, HttpServletResponse response) throws IOException {
    return mrInfoService.doUpdate(request);
}

ajax请求预期服务器返回的数据就应该写成dataType:'text',而不是dataType:'json',否则就走error回调函数。

function doUpdate(id){
    var mr = $("#mr"+id).val();
    $.ajax({
    url : localroot + "/v1/doUpdate" + "?id=" + id + "&mr=" + mr,
        type : 'GET',
        dataType: 'text',
        success : function(flag) {
        alert(flag);
    }
    });
}

而当返回值是集合时,

@RequestMapping(value = "/v1/findUpdateData", method = RequestMethod.GET)
@ResponseBody
public findUpdateData(HttpServletRequest request, HttpServletResponse response){
    return mrInfoService.findUpdateData(request);
}

ajax预期服务器返回类型可以写成json

$.ajax({
    url : localroot + "/v1/findUpdateData" + "?id=" + ids,
    type : 'GET',,
    success : function(data) {
        for(var i=0;i<data.length;i++){
            var mr = data[i].mr;
            if(null == mr || "undefined"==mr){
                mr = "";
            }
        }
    }
});

String dataType 预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如XML MIME类型就被识别为XML。在1.4中,JSON就会生成一个JavaScript对象,而script则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。

可用值:

"xml": 返回 XML 文档,可用 jQuery 处理。

"html": 返回纯文本 HTML 信息;包含的script标签会在插入dom时执行。

"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了"cache"参数。'''注意:'''在远程请求时(不在同一个域下),所有POST请求都将转为GET请求。(因为将使用DOM的script标签来加载)

"json": 返回 JSON 数据 。

"jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。

"text": 返回纯文本字符串


文章评论