• admin
  • 425
  • 2025-06-27 15:45:16

一. 问题描述

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

前端代码

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\"}";

}

----

## 参考来源

[Ajax请求发送成功但不进success方法](https://blog.csdn.net/cccmercy/article/details/79081426?depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1&utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1)