MVC 3: Come eseguire il rendering di una vista senza la sua pagina di layout se caricato tramite Ajax?

Sto imparando su Progressive Enhancement e ho una domanda sulle opinioni AJAXifying. Nel mio progetto MVC 3 ho una pagina di layout, una pagina viewstart e due viste semplici.

La pagina viewstart si trova nella radice della cartella Viste e quindi si applica a tutte le viste. Specifica che tutte le viste devono essere utilizzate _Layout.cshtmlper la loro pagina di layout. La pagina di layout contiene due collegamenti di navigazione, uno per ogni vista. I collegamenti utilizzano @Html.ActionLink()per renderizzare se stessi alla pagina.

Ora ho aggiunto jQuery e voglio dirottare questi collegamenti e usare Ajax per caricare dinamicamente i loro contenuti sulla pagina.

<script type="text/javascript">
    $(function () {
        $('#theLink').click(function () {
            $.ajax({
                url: $(this).attr('href'),
                type: "GET",
                success: function (response) {
                    $('#mainContent').html(response);
                }
            });
            return false;
        });
    });
</script>

Ci sono due modi in cui posso pensare di farlo, ma non mi piace particolarmente uno dei due:

1) Posso prendere l'intero contenuto della Vista e posizionarli in una vista parziale, quindi la vista principale può chiamare la vista parziale quando viene visualizzata. In questo modo, utilizzando Request.IsAjaxRequest()nel controller, posso tornare View()o tornare in PartialView()base alla richiesta o meno di una richiesta Ajax. Non riesco a restituire la visualizzazione normale alla richiesta Ajax perché in tal caso utilizzerebbe la pagina di layout e verrebbe iniettata una seconda copia della pagina di layout. Tuttavia, non mi piace perché mi costringe a creare viste vuote con solo un @{Html.RenderPartial();}in esse per le richieste GET standard.

    public ActionResult Index()
    {
        if (Request.IsAjaxRequest())
            return PartialView("partialView");
        else
            return View();
    }

Quindi in Index.cshtml fai questo:

@{Html.RenderPartial("partialView");}

2) Posso rimuovere la designazione del layout da _viewstart e specificarla manualmente quando la richiesta NON è Ajax:

    public ActionResult Index()
    {
        if (Request.IsAjaxRequest())
            return View(); // Return view with no master.
        else
            return View("Index", "_Layout"); // Return view with master.
    }

Qualcuno ha un suggerimento migliore? C'è un modo per restituire una vista senza la sua pagina di layout? Sarebbe molto più facile dire esplicitamente "non includere il layout" se si tratta di una richiesta Ajax, piuttosto che includere esplicitamente il layout se non è un Ajax.

In ~/Views/ViewStart.cshtml:

@{
    Layout = Request.IsAjaxRequest() ? null : "~/Views/Shared/_Layout.cshtml";
}

e nel controller:

public ActionResult Index()
{
    return View();
}

Basta inserire il seguente codice nella parte superiore della pagina

@{
    Layout = "";
}

Preferisco e utilizzo la tua opzione n. 1. Non mi piace # 2 perché per me View()implica che stai restituendo un'intera pagina. Dovrebbe essere una pagina HTML completa e valida una volta che il motore di visualizzazione è stato completato. PartialView()è stato creato per restituire blocchi arbitrari di HTML.

Non penso sia un grosso problema avere una visione che chiama solo un parziale. È ancora ASCIUTTO e consente di utilizzare la logica del parziale in due scenari.

Molte persone non amano frammentare i percorsi di chiamata della propria azione Request.IsAjaxRequest(), e posso apprezzarlo. Ma IMO, se tutto ciò che stai facendo è decidere se chiamare View()o PartialView()la filiale non è un grosso problema ed è facile da mantenere (e testare). Se ti ritrovi a utilizzare IsAjaxRequest()per determinare grandi parti di come si svolge la tua azione, probabilmente fare un'azione AJAX separata è probabilmente migliore.

Creare due layout: 1. layout vuoto, 2. layout principale e quindi scrivere nel file _viewStart questo codice:

@{
if (Request.IsAjaxRequest())
{
    Layout = "~/Areas/Dashboard/Views/Shared/_emptyLayout.cshtml";
}
else
{
    Layout = "~/Areas/Dashboard/Views/Shared/_Layout.cshtml";
}}

certo, forse non è la soluzione migliore

Non è necessario creare una vista vuota per questo.

Nel controller:

if (Request.IsAjaxRequest())
  return PartialView();
else
  return View();

la restituzione di un PartialViewResult sovrascriverà la definizione del layout durante il rendering della risposta.

Con ASP.NET 5 non è più disponibile una variabile di richiesta. Puoi accedervi ora con Context.Request

Inoltre non esiste più alcun metodo IsAjaxRequest (), devi scriverlo da solo, ad esempio in Extensions \ HttpRequestExtensions.cs

using System;
using Microsoft.AspNetCore.Http;

namespace Microsoft.AspNetCore.Mvc
{
    public static class HttpRequestExtensions
    {
        public static bool IsAjaxRequest(this HttpRequest request)
        {
            if (request == null)
            {
                throw new ArgumentNullException(nameof(request));
            }

            return (request.Headers != null) && (request.Headers["X-Requested-With"] == "XMLHttpRequest");
        }
    }
}

Ho cercato per un po 'di tempo su questo e spero che possa aiutare anche alcuni altri;)

Risorsa: https://github.com/aspnet/AspNetCore/issues/2729

Per un'applicazione Ruby on Rails, sono stato in grado di impedire il caricamento di un layout specificando render layout: falsenell'azione del controller che volevo rispondere con ajax html.