ASP/MVC - Switch a partial view in javascript code

Question

I have table on my view page. One of the cells has an ID (say "x"). When a certain button is clicked a JS function is called, and the purpose is to dynamically change the partial view contained inside that cell using the code:

$("#X")[0].innerHTML = @Html.Partial("PartialViewName");

It works perfectly on firefox, but not in IE8. Also, FIY,the partial view is an AJAX form.

Answer 1

You can load the partial view by ajax like this using Jquery load ,

$("#X").load(@Url.Action("action","controller"));

and in the controller you have to return the partial view like this,

public ActionResult Action(){  
    return PartialView('PartialViewName')
}