Make jquery ajax calls to ASP.NET MVC action

Question

I have a simple Edit action in ASP.NET MVC that looks like this :

[HttpPost]
public ActionResult Edit(EditPostViewModel data)
{
}

I am trying to make a post to this action like this :

function SendPost(actionPath) {
    $.ajax({
        url: actionPath,
        type: 'POST',
        dataType: 'json',
        data: '{Text=' + $('#EditPostViewModel_Text').val() + 'Title=' + $('#EditPostViewModel_Title').val() + '}',
        success: function (data) {
            alert('success');
        },
        error: function () {
            alert('error');
        }
    });
}

The action will be triggered but the EditPostViewModel will not be filled with the Text and Title?

Im hoping that I could use a regular ASP.NET MVC action to be able to handle validations on serverside with ModelState.

There will later be code in success and error that handels the returning data.

How is this supose to work?

MuriloKunze · Accepted Answer · 2012-12-22 16:26:43Z

1

Try this:

data: 
{
     Text: $('#EditPostViewModel_Text').val(),
     Title: $('#EditPostViewModel_Title').val() 
}

answered Dec 22, 2012 at 16:26

MuriloKunze

15.6k17 gold badges56 silver badges84 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Evan Davis Over a year ago

To the OP: you need to provide a valid JS object to the AJAX method; your syntax (using = instead of :) won't produce a valid object.

Collectives™ on Stack Overflow

Make jquery ajax calls to ASP.NET MVC action

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related