ASP.NET MVC pagina di carico con AJAX

Question

ho questa situazione:

Una pagina con una fisarmonica con 2 schede, si ha un elenco di PaymentMethods, il secondo ha un riepilogo dell'ordine con OrderLines, gli importi ei totali (reso come partialview). La selezione di un metodo di pagamento fa sì che i totali dell'ordine vengano ricalcolati, potrebbero essere applicati costi aggiuntivi ecc.

Qual è il modo consigliato di visualizzare i nuovi ordini in sequenza dopo aver selezionato un metodo di pagamento, utilizzando AJAX?

Fare una chiamata AJAX e ottenere tutti i nuovi importi, ordini, ecc. E impostare questi valori usando JS mi sembra inefficiente. La situazione ideale sarebbe se potessi effettuare una chiamata AJAX con il metodo di pagamento selezionato e questa chiamata restituirebbe l'HTML che posso usare per sostituire il vecchio riepilogo.

È errato eseguire il rendering di una vista parziale su HTML sul server e restituirlo utilizzando JSON? Qual è la migliore pratica per questa situazione?

Answer 1

Nel tuo metodo di azione di ritorno un PartialView([view name]).

Poi si può fare questo con jQuery:

var req = $.ajax({ 
    type:"GET",//or "POST" or whatever 
    url:"[action method url]" 
    }).success(function(responseData){ 
    $('targetelement').append($(responseData));}); 

Dove 'targetelement' è un selettore per l'elemento in cui si desidera iniettare il contenuto.

Si consiglia di eseguire $('targetelement').html(''); prima di aggiungere la risposta all'elemento di destinazione.

Aggiornamento

O, meglio ancora, utilizzare .load dalla risposta di Rick.

Answer 2

devo un esempio qui:

Javascript

$("#divForPartialView").load("/HelloWorld/GetAwesomePartialView", 
    { param1: "hello", param2: 22}, function() { 
    //do other cool client side stuff 
}); 

azione controller

public ActionResult GetAwesomePartialView(string param1, int param2) 
{ 
    //do some database magic 
    CustomDTO dto = DAL.GetData(param1, param2); 

    return PartialView("AwesomePartialView",dto); 
}