【前端】-【Ajax请求成功，但是进不去access方法】

问题

前端发送ajax请求给后端，后端收到，正常返回String，但前端ajax的回调方法success没有响应，反而进入了error方法

代码

前端代码：

function sendMsg(msg, uname) {
    
    
    $.ajax({
    
    
        url: "/chat",
        type: "post",
        data:'message='+msg+'&username='+uname,
        dataType: "json",
        success: function (data) {
    
    
            console.log("receive data : " + data);
        }
    });
}

后端代码：

@RequestMapping("/chat")
@ResponseBody
public ServerResponse chat(String message, String username) {
    
    
    System.out.println("------------ chat message is : " + message + " chat user is : " + username + " ------------------");
    return "success";
}

原因

后台返回的json数据是一个纯String类型的对象时，前端dataType属性设置为json后，会认为这个由String对象转换的json数据格式不是标准的json格式, 固前端认为出错了, 不进回调方法: success

解决

1. 方法一：改前端代码，后端不变：前端ajax请求中的dataType属性设置为text即可

function sendMsg(msg, uname) {
    
    
    $.ajax({
    
    
        url: "/chat",
        type: "post",
        data:'message='+msg+'&username='+uname,
        dataType: "text",
        success: function (data) {
    
    
            console.log("receive data : " + data);
        }
    });
}

2. 方法二：改后端代码，前端不变：后端封装为一个json的字符串即可

@RequestMapping("/chat")
@ResponseBody
public ServerResponse chat(String message, String username) {
    
    
    System.out.println("------------ chat message is : " + message + " chat user is : " + username + " ------------------");
    return "{\"result\":\"success\"}";
}