Spring MVC using AJAX

Question

I am new to Spring MVC. I have an existing system which uses Spring MVC with SimpleController. On submit of a button there is a ajax call which in turn calls controller and returns modelview object.

At this scenario I have a question. This modelview object returns a view, a jsp page and also on success of ajax call there is a call to windows.href.location which redirects to another url. Can someone help me which of these two will get called?

Will the view's jsp will be rendered and then will get again redirected to url specified in success function?

Sotirios Delimanolis · Accepted Answer · 2013-08-08 19:19:45Z

2

The @Controller returns a View or view name. The DispatcherServlet will use that View to render a jsp. It will write the rendered jsp to the HTTP response body. That's what your AJAX call will receive. So in a method like I assume you have

$.ajax({
    type: "POST",  
    url: someUrl,
    data: someData, 
    success: function(data){  
        windows.href.location = someNewLocation;
    },
    error: function(X) { 
    }       
});

the data variable in the success callback contains all the HTML from the rendered jsp that's contained in the HTTP response body. In the method like above, you don't do anything with data, although you have downloaded it all. You simply change the location of the page by reassigning windows.href.location. So what you will see is not the rendered jsp, but the webpage your someNewLocation points to.

edited Aug 8, 2013 at 19:19

answered Aug 8, 2013 at 18:47

Sotirios Delimanolis

281k62 gold badges718 silver badges744 bronze badges

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

Comments

denov · Accepted Answer · 2013-08-08 19:35:51Z

0

Normally you don't want our ajax calls returning rendered pages (ie, JSPs) and rather they should follow RFC 2616 - Hypertext Transfer Protocol -- HTTP/1.1 Here's a controller from a project I'm working on.

@Controller
public class MilestoneController extends BaseRESTController {

    protected static final String ACCEPT_JSON = "Accept=application/json";

    @Resource private GuidelineService _guidelineService;


    @RequestMapping(value="/guideline/{id}/milestones", method= RequestMethod.GET, headers=ACCEPT_JSON)
    public @ResponseBody List<Milestone> getMilestones(@PathVariable("id") Long guidelineId) {
        return  _guidelineService.getGuideline(guidelineId).getMilestones();
    }


    @RequestMapping(value="/guideline/{id}/milestones/new", method= RequestMethod.GET, headers=ACCEPT_JSON)
    public @ResponseBody Milestone addMilestones(@PathVariable("id") Long guidelineId) {
        return _guidelineService.newMilestone(guidelineId);
    }


    @RequestMapping(value="/guideline/{id}/milestones", method={RequestMethod.POST, RequestMethod.PUT}, headers=ACCEPT_JSON)
    public @ResponseBody ResponseEntity<String> updateUpdateMilestone(@PathVariable("id") Long guidelineId, @RequestBody Milestone milestone) {
        _guidelineService.updateMilestone(guidelineId, milestone);
        return new ResponseEntity<String>(HttpStatus.ACCEPTED);
    }

}

If you have jackson in your classpath using @ResponseBody will render your return value to JSON. And @RequestBody will allow you to POST and PUT json from your client. In my updateUpdateMilestone() method you can see how I don't need to return a value so i'm just returning a 202 (HttpStatus.ACCEPTED).

To use what @Sotirios posted

$.ajax({
    type: "POST",  
    url: someUrl,
    data: someData, 
    success: function(data){  
        windows.href.location = someNewLocation;
    },
    error: function(X) { 
    }       
});

You controller method would need to be something like

    @RequestMapping(value="/somePage", method={RequestMethod.POST},
headers="Accept=application/json")
    public @ResponseBody String doStuff(@RequestBody SomeObject obj) {
        // do stuff here....
        return "viewName"
    }

without @ResponseBody the control will try to render the view by name.

answered Aug 8, 2013 at 19:35

denov

12.9k2 gold badges32 silver badges45 bronze badges

2 Comments

Sotirios Delimanolis Over a year ago

Note that regardless of what HTTP response body is sent, the browser will still move from your current location to someNewLocation.

Sotirios Delimanolis Over a year ago

Can you please rephrase that? Whether the controller returns XML, HTML, JSON, or binary data, the ajax function ignores what's in the data. So in that sense, it really doesn't matter.

Collectives™ on Stack Overflow

Spring MVC using AJAX

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related