JavaScript submit button to return object response from spring MVC

Question

Below code returns me a object response:

@RequestMapping(value = "/NewLogin",method = RequestMethod.POST)
public @ResponseBody Token  getAllBooks( 
    Token token = new Token();
    token.setValue(encryptedMessage);
    return token;}

On clicking the following button on jsp page :

 <input type="button" onClick="madeAjaxCall();" value="Ajax Submit">



<script type="text/javascript">

 function madeAjaxCall(){
     $.ajax({ 
         type: "post", 
         url: "http://localhost:8011/nLiveSite/livesearch/NewLogin", 
         cache: false,
         success: function(response){ 
             $('#result').html(""); 
             var obj = response; 
                console.log(obj);
             $('#result').html("Message:- " + obj );
             }, 
         error: function(){
             alert('Error while request..'); 
        } 
    }).responseText; 
} ;
</script>

Ajax Submit button is returning me content of jsp page as response. I need only object (i.e. token) as response on button click.

what is the response content-type and request content-type as seen in firebug? — user2587132
– user2587132, Commented Jul 30, 2013 at 7:39
@DanielRobertus problem is not with URL hit as bying Writing alert in Success it is getting called and response shows full jsp page instead of response object. — gjosh
– gjosh, Commented Jul 30, 2013 at 10:10
@rps I am using headers ="application/json" in controller class. — gjosh
– gjosh, Commented Jul 30, 2013 at 10:11
and java script has the following: <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> — gjosh
– gjosh, Commented Jul 30, 2013 at 10:21

JP Dutta · Accepted Answer · 2013-07-30 10:11:34Z

1

Do like this.....@url

url:"${pageContext.request.contextPath}/NewLogin"

answered Jul 30, 2013 at 10:11

JP Dutta

1232 silver badges13 bronze badges

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

Comments

schomax · Accepted Answer · 2013-07-30 10:26:35Z

0

Well, you are expecting a HTTP POST request in your Rest API (besides the typos), however you are setting the Request type to "GET" in your AJAX request. Furthermore, the URL in your request doesn't match to "/NewLogin".

answered Jul 30, 2013 at 10:26

schomax

3372 silver badges9 bronze badges

4 Comments

gjosh Over a year ago

hi @schomax find the url "~/nLiveSite/NewLogin/add.htm?_=1375182146256" Above example is with post but if I try with another get method still URL is getting appended with some value as shown here.

schomax Over a year ago

You can set both requests to type GET. If you want to append parameters it can be done with the option "data" within the ajax method, for example: data: {value: 1}

schomax Over a year ago

Furthermore, you need to make sure that the service is hosted within the same domain as your web application. Otherwise you run into the "same origin policy" constraint, where you would need to use JSONP. That is further well explained here stackoverflow.com/a/11736771/2179109

schomax Over a year ago

And this is how to modify server and client for using JSONP, which worked for me stackoverflow.com/a/10328288/2179109

Collectives™ on Stack Overflow

JavaScript submit button to return object response from spring MVC

2 Answers 2

Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related