Question

I have a very simple ajax call to refresh some data on my webpage, but it doesn’t seem to fire correctly. The data that the call brings back is the same everytime even if the underlying data changes.
The ajax call looks like this:

function RefreshContent() {
        //create the link
        var link = "/Address/ListByAjax/" + $('#Id').val();
        $.ajax({
            type: "GET",
            url: link,
            success: function (data) {
                $("#Address").html(data);
            },
            error: function (req, status, error) {
                alert('an error occured: ' + error);
            }
        });
    }

My controller looks like this:

public ActionResult ListByAjax(int Id)
{
    var list = db.Address.Where(i => i.Person_Id == Id);
    return PartialView("_List", list.ToList());
}

Answer 1

Try setting the cache to false in your ajax call – that will force the browser to send the request through to the controller:

function RefreshContent() {
        //create the link
        var link = "/Address/ListByAjax/" + $('#Id').val();
        $.ajax({
            type: "GET",
            url: link,
            cache: false,
            success: function (data) {
                $("#Address").html(data);
            },
            error: function (req, status, error) {
                alert('an error occured: ' + error);
            }
        });
    }