use Jquery load to load content in adiv?

Question

simply i'm doing a test i have a div called test and mvc action in the client controler the view

and the controler

    public string testout()
    {
        return DateTime.Now.ToString();
    }

and i'm using jquery to update the div

        $("#B1").live("click", function() {

                $("#test").load("/client/testout");

            return false;
        });

first time a click the bottun i see the date and time in the div test second time i click the botton nothing changed

Answer 1

Try placing this in your jQuery code before any loads occur:

$.ajaxSettings.cache = false; // or $.ajaxSetup({ cache: false });

This prevents the client from caching the request. If that doesn't work, the problem is the server giving you a cached output.

Answer 2

In ASP.NET MVC it is a good practice for actions to return ActionResult. Try modifying your code like this and see if it makes any difference:

public class ClientController: Controller
{
    public ActionResult TestOut()
    {
        return Content(DateTime.Now.ToString(), "text/plain");
    }
}

and your js:

$(function() {
    $('#B1').live('click', function() {
        $('#test').load('/client/testout');
        return false;
    });
});