问题
前端发送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
解决
- 方法一:改前端代码,后端不变:前端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);
}
});
}
- 方法二:改后端代码,前端不变:后端封装为一个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\"}";
}