Question

I want to be able to click a button, have a function in my controller return a JSON object that can be used on my page without the page reloading.

My controller:

//Dont know if HttpPost is right 
[HttpPost] 
public ActionResult GetPinPoints() {
    return jsonobject;
}

I want to be able to call this and have it return a JSON object on a page in AJAX so I dont have to reload the page.

Answer 1

Two Parts:

1) The Controller

public JsonResult GetPinPoints()
{
    var stuff = DoStuff();
    return Json(stuff);
}

2) The View (via JQuery)

$('#SomeButtonId').click(function () {

$.ajax({
    url: '/Controller/GetPinPoints',
    type: "POST",
    dataType: "json",
    success: function(data) {
        $('#someSuccessDiv').html(data).fadeIn();   
        //Do whatever here, just a poor mans example
    },
    error: function() {
        $('#someErrorDiv').html('Boo').fadeIn();
    }
});

    return false;
});