Send Data With Jquery To An MVC Controller

I have an ASP.NET MVC3 app and when the user clicks on my anchor tag, I want to send 3 pieces of data to an action: var $whatIsClicked = $('#whatIsClicked'); // .live persists on the page even after other ajax calls // So when the thing is clicked $whatIsClicked.live('click', function() { // Grab the information needed to update var theId = $('#whatever-the-id-is').val(); //Or it could be .text() var theFilename = $('#whatever-the-filename').val(); var theDescript = $('#whatever-the-description').val(); // Let's edit the description! $.ajax({ type: "POST", url: "OrderDetail/_EditDescription", // the method we are calling contentType: "application/json; charset=utf-8", data: {id: theId, filename: theFilename, description: theDescript}, dataType: "json", success: function (result) { alert('Yay! It worked!'); // Or if you are returning something alert('I returned... ' + result.WhateverIsReturning); }, error: function (result) { alert('Oh no :('); } }); }); </script>

Even though it will still work, make sure you change your Controller method to:

[HttpPost]
public ActionResult _EditDescription(string id, string filename, string descritpion)

Solution 2:

You can do a full post of the form if you like either through ajax $.post or by having an action with [HttpPost] attribute.

Solution 3:

Declare your action as a POST

[HttpPost]
public ActionResult _EditDescription(string docId, string filename, string description)

Create an invisible HTML form:

<form action="@Url.Content("~/OrderDetail/_EditDescription/")" method="post" name="editDescriptionForm">
   <input type="hidden" name="docId" />
   <input type="hidden" name="fileName" />
   <input type="hidden" name="description" />
</form>

Fill out the form and submit it with JS:

function editDescription(docId, fileName, description) {
    document.editDescriptionForm.docId = docId;
    ...

    document.editDescriptionForm.submit();
}