JQuery ajax POST string parameter, MVC action method get null

Question

I have seen quite a few posts online regarding this kind of problem and tried different approach, e.g. JSON.stringify the parameter, but none of them works on mine case.

I thought it should be a really simple and straight forward coding experience. But couldn't figure out what I did wrong.

Here is my JQuery code:

$(document).ready(function () {
    $('#SendEmails').click(function () {
        var emails = $("#EmailList").val();     

        $.ajax({
            url: '/Requests/SendEmails',
            type: "POST",
            data: { 'emails': emails },
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (response) {
                alert(response.responseText);
            },
            error: function (response) {
                alert(response.responseText);
            },
            failure: function (response) {
                alert(response.responseText);
            }
        })
    })
})

And my action method is like:

[HttpPost]
public string SendEmails(string emails)
{
    return "Good";
}

I always get null in action method when I debug the code.

But if I change the url to this:

url: '/Requests/SendEmails?emails=' + emails,

and remove

data: { 'emails': emails },

it will work.

Anyone could point me what is wrong with the original code? I don't think .Net Core 2.x should make any difference right?

Thank you.

type: "POST" should be method: "POST". Correct that and see if it works. — Spokey
– Spokey, Commented Feb 27, 2018 at 16:33
Remove contentType: "application/json; charset=utf-8", (your not stringfying the data) — user3559349
– user3559349, Commented Feb 27, 2018 at 21:48

Xiao Han · Accepted Answer · 2018-02-27 17:18:15Z

Finally, after tried many combinations I found below code works after changed:

make variable JSON.stringify
add [FromBody] in action method

Thanks for Arunraja's tips, [FromBody] is a must to have to read string type parameter from body.

$(document).ready(function () {
    $('#SendEmails').click(function () {
        var emails = $("#EmailList").val();     

        $.ajax({
            url: '/Requests/SendEmails',
            type: "POST",
            data: JSON.stringify(emails),
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (response) {
                alert(response.responseText);
            },
            error: function (response) {
                alert(response.responseText);
            },
            failure: function (response) {
                alert(response.responseText);
            }
        })
    })
})

[HttpPost]
public string SendEmails([FromBody]string emails)
{
    return "Good";
}

Arunraja A · Accepted Answer · 2018-02-27 16:37:57Z

4

To pass primitive type in the body, then you have to add [FromBody] in front of your primitive type parameter in your WebAPI controller method.

[HttpPost]
public string SendEmails([FromBody]string emails)
{
    return "Good";
}

answered Feb 27, 2018 at 16:37

Arunraja A

1845 bronze badges

1 Comment

Xiao Han Over a year ago

Tried it, doesn't seem make any difference, it is still null in the action method.

Collectives™ on Stack Overflow

JQuery ajax POST string parameter, MVC action method get null

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related