Ajax请求成功,success无反应解决方法

时间:2025-03-22 20:33:11

前端发送ajax请求给后端, 后端收到, 正常返回String, 但前端ajax的回调方法success没有响应
前端代码

 

Copy Highlighter-hljs

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

后端代码

 

Copy Highlighter-hljs

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


 

二. 原因#

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


 

三. 解决, 有两种方法#

1. 改前端代码, 后端不变: 前端ajax请求中的dataType属性设置为text即可#

 

Copy Highlighter-hljs

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

2. 改后端代码, 前端不变: 后端封装为一个json的字符串即可#

 

Copy Highlighter-hljs

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

参考链接:Ajax请求成功, 但进不去success方法 - Vitoboy - 博客园 ()