spring mvc response not loading in jquery ajax call

Question

I have the following jQuery ajax code:

<script>

    $(function() {
        $("button").click(function() {
            $.ajax({
                url : "signin.html",
                type : "post",
                cache: false,
                data : "userName=" +$("#userName").val()+ '&password='+$("#password").val(),
                success : function(data) {
                    var obj = jQuery.parseJSON(data);
                    var msg = '<span>' + obj.message + '</span>';
                    $('#message').html(msg);
                },
             //EDIT
    error: function(){                      
        alert('Error in response...');
    }
            });
        });
    });
</script>


<div id="message"></div>

I have spring controller which sends message as responses which I am trying to print in the message box. I see the request processed by the controller but the message from the controller is not getting displayed in the page. What am I doing wrong here?

public @ResponseBody ModelAndView loginUser(request attributes here){

            isUserExisits = service.authenticateUser(userBO);
            if (isUserExisits) {
                model.addObject("message", "Login Success");
            } else {
                model.addObject("message", "Login Failed");
            }}

EDIT:- I have added error callback after 'success' and error call back function is getting called.

Dangling Piyush · Accepted Answer · 2013-10-10 06:49:10Z

1

You are returning a ModelAndView object and accessing a property which does not exist in ModelAndView class.If you need just a single message to be displayed change the return type to String.

public @ResponseBody String loginUser(request attributes here){

            isUserExisits = service.authenticateUser(userBO);
            if (isUserExisits) {
               return "Login Success";
            } else {
                return "Login Failed";
            }}

and On web page you can directly use it.

 $(function() {
        $("button").click(function() {
            $.ajax({
                url : "signin.html",
                type : "post",
                cache: false,
                data : "userName=" +$("#userName").val()+ '&password='+$("#password").val(),
                success : function(data) {

                    var msg = '<span>' + data + '</span>';
                    $('#message').html(msg);
                }
            });
        });
    });

answered Oct 10, 2013 at 6:49

Dangling Piyush

3,6688 gold badges41 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

pappu_kutty Over a year ago

i have changed my controller, but stil not working. i have alert in success call back which is not working !!!!.

Dangling Piyush Over a year ago

Does controller code executed successfully? IF yes than what is the error message on browser web console?

pappu_kutty Over a year ago

yes the controller code gets executed, and my error callback function is getting called, 'Error in response...'

Dangling Piyush Over a year ago

put a try catch in your controller code and post the stacktrace I am sure there's an exception in service.authenticateUser(userBO) call.

Collectives™ on Stack Overflow

spring mvc response not loading in jquery ajax call

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related