对Spring MVC控制器的Ajax调用将重定向页面而不是返回值

Question

I'm a little bit confused. I'm writing an MVC application and have a simple controller like this:

@Controller
public class ProfileController {

final String DEFAULT_MALE_AVATAR = "../resources/graphics/avatarMan.PNG";
final String DEAULT_FEMALE_AVATAR = "../resources/graphics/avatarWoman.PNG";

@Autowired
UserService userService;

@RequestMapping(value = "/profile", method = RequestMethod.GET)
public String index() {

    return "user/profile";
}

@RequestMapping(value = "profile/getavatar", method = RequestMethod.GET)
public @ResponseBody String getLoggedUserAvatar() {

    String userMail = SecurityContextHolder.getContext()
            .getAuthentication().getName();

    User loggedUser;

    if (userMail != null) {
        loggedUser = userService.findUserByEmail(userMail);
        return loggedUser.getAvatar();
    } else {
        return DEFAULT_MALE_AVATAR;
    }
}

I've also got a simple js file called with "onload" in my body html tag while entering /profile section.

function init() {

var url = "profile/getavatar";

$.ajax({
    url : url
}).then(function(data) {
    avatarLink = data;
    loadAvatar(avatarLink);
});

function loadAvatar(avatarLink){
    $("#userAvatar").attr("src", avatarLink);
}

}

And for some strange reason I get ridirected to "profile/getavatar" and the page contains text with value returned by getLoggedUserAvatar(). The funny thing is I've also got some other controllers to other sections with almost the same js files and controllers - and they work like a charm.

What am I missing?

Answer 1

I hope when you hit the URL directly, you are getting expected response. If that is not happening, then there is something else wrong. If you are getting proper response when you directly hit the url in browser, then try doing the below when doing the ajax call. It passes the content type that is expecting back from the server.

function init() {

var url = "profile/getavatar";

$.ajax({
    url : url,
    dataType: "json"
}).then(function(data) {
    avatarLink = data;
    loadAvatar(avatarLink);
});

function loadAvatar(avatarLink){
    $("#userAvatar").attr("src", avatarLink);
}

}

Answer 2

If you are using spring 4, Please make sure that you have Jakson jars in your dependency library. framework will automatically pickup the content negotiator as JSON and will find for the Jakson jars in the background to transport JSON to server and get JSON data back from server

use JAXB jars , in case you need to handle XML as content negotiator.