Come eseguire il rendering di una vista utilizzando AJAX in Spring MVC

Question

Sto utilizzando Spring MVC e devo effettuare una chiamata asincrona al server e aggiornare solo una parte della pagina.

Quello che effettivamente ho è un controller che restituisce una stringa. Chiaro il controller usando la funzione JQuery (.post()).

Il problema con la mia soluzione è che non sono in grado di eseguire il rendering di una JSP come faccio quando uso ModelAndView come tipo restituito.

C'è un modo per restituire una vista già visualizzata?

Grazie in anticipo.

Neuquino

Answer 1

Si può mettere questo pezzo di pagina in una JSP separata e restituire un ModelAndView che punta ad esso dal vostro metodo. Da quel punto non ci sono differenze tra le chiamate AJAX e non-AJAX.

Answer 2

Questa risposta è solo confermare che la risposta di axtavt funziona. Mi ci è voluto un minuto per rendermi conto di quello che stava suggerendo, quindi ho pensato di pubblicare un frammento di codice per aiutare qualcuno che veniva dietro di me. I Complimenti vanno da lui, però! :)

MyController.java

@Controller 
public class MyController { 

    @RequestMapping(method=RequestMethod.GET, value="/mainView") 
    public ModelAndView getMainView(...) {   
     /* do all your normal stuff here to build your primary NON-ajax view 
     * in the same way you always do 
     */    
    } 

    /* this is the conroller's part of the magic; I'm just using a simple GET but you 
    * could just as easily do a POST here, obviously 
    */ 
    @RequestMapping(method=RequestMethod.GET, value="/subView") 
    public ModelAndView getSubView(Model model) { 
     model.addAttribute("user", "Joe Dirt"); 
     model.addAttribute("time", new Date()); 
     return new ModelAndView("subView"); 
    } 

} 

mainView.jsp

(...) 

<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
<script type="text/javascript"> 
    function doAjaxPost() { 

     $.ajax({ 
      type: "GET", 
      url: "subView", 
      success: function(response) { 
       $("#subViewDiv").html(response); 
      } 
     }); 
    } 
</script> 
<input type="button" value="GO!" onclick="doAjaxPost();" /> 
<div id="subViewDiv"></div> 

(...) 

subView.jsp

(...) 

<h3> 
    User Access Details 
</h3> 

<p> 
    ${user} accessed the system on ${time} 
</p> 

(...) 

E questo è tutto! Una cosa di bellezza; fino ad ora, fare AJAX in primavera è stato un grande dolore ... analizzare big @ ResponseBody, costruire enormi set di HTML concatenando cose in JS ... ugh ... Non posso credere quanto sia semplice e fantastico questo approccio è - e non ne ero a conoscenza fino ad ora! :)