Call Method using Ajax.

5y937Learn iOS Programming

I have make a method in under controller and i call with ajax

$(function () {

$("#btnSend").click(function () {

debugger;

//var inputName = $.trim($("#inputName").val());

var toEmail = $.trim($("#inputEmailAdress").val());

var subject = $.trim($("#inputSubject").val());

//var address = $.trim($("#inputAddress2").val());

var body = $.trim($("#comment").val());

$.ajax({

type: "POST",

url: "/Home/SendEmailAsync",

public async Task SendEmailAsync(string toEmail, string subject, string content)

{

var apiKey = "";

var client = new SendGridClient(apiKey);

var from = new EmailAddress("");

var to = new EmailAddress(toEmail);

var msg = MailHelper.CreateSingleEmail(from, to, subject, content, content);

var response = await client.SendEmailAsync(msg);

}

But i have face a issue 404

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Jaimin Shethiya5y ago
Hello Sunny,

try to below and checked

$("#btnSend").click(function () {
var email = {};
email.ToEmail = $.trim($("#inputEmailAdress").val());
email.Subject = $.trim($("#inputSubject").val());
email.Body = $.trim($("#comment").val());

$.ajax({
type: "POST",
url: '@Url.Action("SendEmailAsync","Home")',
contentType: 'application/json; charset=utf-8',
data: email,
success: function(data){
//api response if required
}
});

Thanks
Kiran Mohanty5y ago
Hi,
Post request does not accept multiple parameter.
Here is what you can do..
public class Email {
public string ToEmail;
public string Subject;
public string Content;
}
$("#btnSend").click(function () {
var email = {};
email.ToEmail = $.trim($("#inputEmailAdress").val());
email.Subject = $.trim($("#inputSubject").val());
email.Body = $.trim($("#comment").val());

$.ajax({
type: "POST",
url: "/Home/SendEmailAsync",
contentType: 'application/json; charset=utf-8',
data: email,
success: function(data){
  //api response if required
}
});
[HttpPost]
public async Task SendEmailAsync(Email email)
{
//actual implementation
}
Jignesh Kumar5y ago
Hi,

You should have SendEmailAsyncl MEthod in Home controller and post method marked with [HttpPost] and all parameter name should be same
Please refer this link,

https://www.aspsnippets.com/Articles/ASPNet-MVC-jQuery-POST-with-JSON-data-Parameters-and-Response-example.aspx
https://www.infinetsoft.com/Post/How-to-pass-multiple-parameters-to-a-POST-method-using-jQuery-Ajax-in-asp-net-MVC/1232#.YFr_TK8zZdg
Rijwan Ansari5y ago
Try this way
$(function () {
$("#btnSend").click(function () {
var toEmail = $.trim($("#inputEmailAdress").val());
var subject = $.trim($("#inputSubject").val());
var body = $.trim($("#comment").val());
var request = $.ajax({
    url: '/Home/SendEmailAsyncl',
    type: 'POST',
    data: { toEmail: toEmail , subject :subject, content: body} ,
    contentType: 'application/json; charset=utf-8'
});

request.done(function(data) {
      // your success code here
});

request.fail(function(jqXHR, textStatus) {
      // your failure code here
});

}