Ajax请求成功,success无反应解决方法
前端发送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) { | |
console.log("receive data : " + data); | |
} | |
}); | |
} |
后端代码
Copy Highlighter-hljs
@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即可#
Copy Highlighter-hljs
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的字符串即可#
Copy Highlighter-hljs
@RequestMapping("/chat") | |
@ResponseBody | |
public ServerResponse chat(String message, String username) { | |
System.out.println("------------ chat message is : " + message + " chat user is : " + username + " ------------------"); | |
return "{\"result\":\"success\"}"; | |
} |
参考链接:Ajax请求成功, 但进不去success方法 - Vitoboy - 博客园 (cnblogs.com)
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
