.NET MVC - Ajax POST not calling .Net MVC method

Question

I'm new to .NET MVC. I'm trying to make an Ajax call to a .NET method, but it doesn't work. Please help.

Here is my Ajax code:

function resendConfirmationEmail()
{
    $("#resend-confirmation-email-status").html('<img src="../../Content/img/ajax-loader.gif" />');
    $.ajax({
        url: "/Ultility/ResendConfirmationEmail",
        type: "POST",
        datatype: "json",
        contentType: "application/json; charset=utf-8",
        data: JSON.stringify({ "userID": $('#confirmation-email-userid').text().toString(), "subject": $('#confirmation-email-subject').text().toString() }),
        async: true,
        processData: true,
        cache: false,
        success: function (data) {
            $("#resend-confirmation-email-status").html("Email sent");
        }
    });
}

And here is my .Net method in UtilityController:

[HttpPost]
[WebMethod]
public JsonResult ResendConfirmationEmail(string userID, string subject)
{
    string destination = db.Users.Where(u => u.Id == userID).Select(u => u.Email).FirstOrDefault();
    Task<string> result = new AccountController().SendEmailConfirmationTokenAsync(userID, subject, destination);
    return Json(result, JsonRequestBehavior.DenyGet);
}

What do you mean by 'it doesn't work'?. Have you checked your browsers console log to see what's going on? — PeteG
– PeteG, Commented Jul 7, 2017 at 8:37
Yes, I have already checked the Ajax function in the browser, it worked. But it wouldn't call the .NET method. — Luan Tran
– Luan Tran, Commented Jul 8, 2017 at 3:11

Rute Lemos · Accepted Answer · 2017-10-19 13:50:27Z

3

Try removing the quotation marks in the data parameters of the ajax request

Like this:

function resendConfirmationEmail()
{
    $("#resend-confirmation-email-status").html('<img src="../../Content/img/ajax-loader.gif" />');
    $.ajax({
        url: "/Ultility/ResendConfirmationEmail",
        type: "POST",
        datatype: "json",
        contentType: "application/json; charset=utf-8",
        data: 
             JSON.stringify({ 
               userID: $('#confirmation-email-userid').text().toString(),
               subject: $('#confirmation-email-subject').text().toString() 
             }),
        async: true,
        processData: true,
        cache: false,
        success: function (data) {
            $("#resend-confirmation-email-status").html("Email sent");
        }
    });
}

answered Oct 19, 2017 at 13:50

Rute Lemos

1911 gold badge1 silver badge11 bronze badges

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

Comments

Andrey Ravkov · Accepted Answer · 2017-07-07 09:03:22Z

1

Try this, but if you using asp.net mvc, i guess you don't need [WebMethod] attribute

    [HttpPost]
    [WebMethod]
public JsonResult ResendConfirmationEmail([FromBody] MyModel model)
{
  ....
}

public class MyModel{
   public string userID {get; set;}
   public string string subject {get; set;}
}

answered Jul 7, 2017 at 9:03

Andrey Ravkov

1,49415 silver badges28 bronze badges

Comments

Renish Dadhaniya · Accepted Answer · 2019-06-11 10:03:57Z

0

I think issue with your url where in use "url: "/Ultility/ResendConfirmationEmail"," insted of "url: "/Utility/ResendConfirmationEmail","

because your controller name is UtilityController

answered Jun 11, 2019 at 10:03

Renish Dadhaniya

214 bronze badges

Comments

OldTrain · Accepted Answer · 2020-10-12 12:05:28Z

Do not use Webmethod in .net method
No need to use JSON.Stringify in ajax

    function resendConfirmationEmail()
        {
            $("#resend-confirmation-email-status").html('<img src="../../Content/img/ajax-loader.gif" />');
            $.ajax({
                url: "/Ultility/ResendConfirmationEmail",
                type: "POST",
                datatype: "json",
                contentType: "application/json; charset=utf-8",
               data: "{'userID': "+$('#confirmation-email-userid').text().toString()+",'subject': "+$('#confirmation-email-subject').text().toString()+" }",
                async: true,
                processData: true,
                cache: false,
                success: function (data) {
                    $("#resend-confirmation-email-status").html("Email sent");
                }
            });
        }

Rahul Shukla · Accepted Answer · 2021-04-25 16:32:09Z

0

Remove the [webmothod] data annotation from your action method,
second option you are trying to pass json object for that u dont need to convert into string. Simply pass object

It wil work 👍

answered Apr 25, 2021 at 16:32

Rahul Shukla

7166 silver badges20 bronze badges

Collectives™ on Stack Overflow

.NET MVC - Ajax POST not calling .Net MVC method

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related