jquery load with asp.net MVC partial view

Question

I have a partial view and I want to render it in main view using jquery.

Here is how I am coding the jQuery:

$(document).ready(function() {
        $("#dvGames").load("/LiveGame/Partial3");
});

where as controller method looks like this:

public ActionResult Partial3(DateTime gameDate)
{
    return View("Partial3");
}

I dont see anything. I tried

<% Html.RenderPartial("Partial3"); %> 

and it works but I want to filter data in partial view so I am using jquery load method.

Answer 1

Your controller action requires a DateTime parameter that you need to supply when invoking the AJAX request:

$(function() {
    $('#dvGames').load(
        '<%= Url.Action("Partial3", "LiveGame") %>', 
        { gameDate: '2011-03-06' }
    );
});

Answer 2

Try letting the framework create the URL. Use the

<%= Url.Action("LiveGame","Partial3") %>