Call Web Api action with JQuery

Question

I have the following JQuery:

$(document).ready(function () {
  $("#send").on("click", function () {
    $.ajax({
      url: 'http://localhost:3484/api/mail/send/',
      type: 'POST',
      dataType: 'text',
      data: '[email protected]'
    });
  });
});

And the Web API action is:

[Route("api/mail/send"), HttpPost]
public void Send([FromBody]String email) {
}

The action is called but the email is null.

What am I missing?

But i ser the data type as text. Wouldn't that be enough?

Miguel Moura
– Miguel Moura

2014-10-06 23:04:21 +00:00
Commented Oct 6, 2014 at 23:04 — Miguel Moura
– Miguel Moura, Commented Oct 6, 2014 at 23:04

Shyju · Accepted Answer · 2014-10-06 23:16:28Z

1

This should work

$(document).ready(function () {

  $("#send").on("click", function () {
    var data={email :'[email protected]'};

    $.ajax({
      url: 'http://localhost:3484/api/mail/send/',
      type: 'POST',
      contentType : 'application/json',
      data:  JSON.stringify(data)
    });

  });

});

answered Oct 6, 2014 at 23:16

Shyju

220k106 gold badges421 silver badges499 bronze badges

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

Comments

Marek Woźniak · Accepted Answer · 2014-10-06 23:21:49Z

0

$(document).ready(function () {
  $("#send").on("click", function () {
    $.ajax({
      url: 'http://localhost:3484/api/mail/send/',
      type: 'POST',
      dataType: 'text',
      data: { email: `[email protected]' },
    });
  });
});

data must be JSON object. Alternative for $.ajax is $.post. It has documentation here: http://api.jquery.com/jquery.post/

answered Oct 6, 2014 at 23:21

Marek Woźniak

1,7961 gold badge17 silver badges34 bronze badges

Collectives™ on Stack Overflow

Call Web Api action with JQuery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related