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)