Question

This is my method:

$(document).ready(function () {
    $('td.clickableCell').click(function () {
        var currentObject = null; 
        currentObject = $(this).text();
        @Html.ActionLink("GetThis", "Get", new {theName = currentObject} )
    });
});

but it says that currentObject doesn’t exist in the current context. How to resolve this?

Answer 1

Instead of @Html.ActionLink you should use the jQuery.get function. `@Html.ActionLink is run on the server whereas the javascript is run on the client.

$(document).ready(function () {
    $('td.clickableCell').click(function () {
        var currentObject = $(this).text();
        $.get('@Url.Action("GetThis", "Get")', {theName : currentObject});
    });
});

The Url.Action is rendered on the server and will give you the appropriate url. The $.get will run a get request on the client.

Keep in mind, if this javascript is in a .js file, the Url.Action will not be run. In that case you may simply want to replace it with /Get/GetThis or render the url in a hidden field on the page and get the value of the hidden field in your .js file.

You need an action method that looks like this in order to access the parameter:

public ActionResult GetThis(string theName)
{
    // manipulate theName
    return View();
}