Question

Is is possible to cache an MVC partial view being returned from an ajax get request?

Here’s my scenario. I’m calling a url which points to a controller method that returns a partial view:

Controller method:

public ActionResult SignIn()
{
    return View("SignIn");
}

Ajax request to get the view:

$.get('/Home/SignIn', function (data) { $('.content').html(data); });

Is it possible to cache my “SignIn” view so that each time the user clicks it, it doesn’t have to go back to the server to fetch the view from the controller again?

Answer 1

This would cache the view on the server – limiting server load –

Change your action to:

public class Home : Controller
{
    // You can change this duration to whatever you want (in seconds)
    [OutputCache(Duration = 6000)] 
    public ActionResult SignIn()
    {
        return View("SignIn");
    }
}

Your AJAX request remains the same:

$.get('/Home/SignIn', function (data) { $('.content').html(data); });