ASP.NET MVC - PartialView not refreshing

Question

Hello Everyone, I have a view that uses a javascript callback to reload a partial view. For whatever reason the contents of the partial class do not refresh even though i can step through the entire process and see the page being recalled and populated. Any reason why the page would not display?

Code is as follows:

<div id="big_image_content">
                    <% Html.RenderPartial("ZoomImage", Model); %>
</div>

This link should reload the div above:

<a href="javascript:void(0)" onclick="$('#big_image_content').load('/ShopDetai/ZoomImage?image_item=something&image_room_scene=something&category=something');"
title="<%= shape.Shape %>" alt="<%= shape.Shape %>">
  <img src="http://images.rugs-direct.com/&lt;%= shape.Image.ToLower() %>" width="40"   alt="<%= shape.Shape %>">
</a>

partial view(ZoomImage.ascx) simplified for now, but still doesn't load:

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<RugsDirect.Data.ItemDetailsModel>" %>

<%= Model.Category.ToLower()%>

And finally the controller side of things:

    public ActionResult ZoomImage(string image_item, string image_room_scene, string category)
    {
        try {
            ItemDetailsModel model = GetMainImageContentModel(image_item, image_room_scene, category);


            return PartialView("ZoomImage", model);
        }
        catch (Exception ex)
        {
            //send the error email
            ExceptionPolicy.HandleException(ex, "Exception Policy");

            //redirect to the error page
            return RedirectToAction("ViewError", "Shop");
        }
    }

Again, i can step through this entire process and all seems to be working accept for the page not reloading. I can even break on the <%= Model.Category.ToLower()%> of the partial view, but it will not be displayed.

Thanks in advance, Billy

Answer 1

Try changing

.load('/ShopDetai/ZoomImage);

Which has a syntax error as well too

.load('/ShopDetai/ZoomImage?r='+Math.random());

The Math.random() forces a fresh page even with proper caching in place.

EDIT:

If you change it to

.load('/ShopDetai/ZoomImage?r='+Math.random(), function(response, status, xhr) {
  if (status == "success" ) alert("got the page");
});

Do you get a popup ?

Answer 2

I just set up your exact situation locally and everything runs fine for me. Granted my model contains a random number generator instead of whatever yours is doing. I also have it working without the random url extension to beat caching.

My question to you is, what exactly is the effect you are trying to produce? What information should change, what does it start as and what do you expect it to change to? You have listed a bunch of code here and said it is broken, but not what you expect to be happening other than "updating".

Answer 3

After digging and digging i gradually re-applied all of my script and everything is working like it should be. The problem came to be that one of my parameter values had a space. After removing the space everything worked.