Jquery Ajax method not calling codebehind asp.net method

Question

Jquery code:

<script type="text/javascript">
$(document).ready(function () {
$("#frmReg").on('submit', function (e) {
var emailAddr = $("#inputEmail").val();
            var userName = $("#userName").val();
            var password = $("#inputPassword").val();
            var FormData = {
                Email: emailAddr,
                UserName: userName,
                Password: password
            };
            var dd = JSON.stringify(FormData);
            $.ajax(
                {
                    type: "POST",
                    url: "Register.aspx/EmailAvailability",
                    contentType: "application/json; charset=utf-8",
                    data: '{"formData":'+ dd+ ' }',
                    dataType: "json",
                    success: function (data) {
                        alert("Entered");
                    },
                    fail: function () {
                        alert("failure");
                    }
                });
        });
    });
</script>

Ajax CodeBehind file: This is Asp.net method.

public static bool EmailAvailability(string formData)
{
    return true;
}

do you check browser console for any errors?

Anonymous Duck
– Anonymous Duck

2015-08-19 02:40:56 +00:00
Commented Aug 19, 2015 at 2:40 — Anonymous Duck
– Anonymous Duck, Commented Aug 19, 2015 at 2:40
If my answer helped you mark it as correct !

mybirthname
– mybirthname

2015-08-20 18:03:19 +00:00
Commented Aug 20, 2015 at 18:03 — mybirthname
– mybirthname, Commented Aug 20, 2015 at 18:03

mybirthname · Accepted Answer · 2015-08-19 02:56:06Z

1

You have an error here. You already make the dd looks like Json, with JSON.stringify !

data: '{"formData":'+ dd+ ' }',

This should look like:

data: dd,

And your dd object can be done like this, if you want to be an array of items:

var uData = [];
uData[0] = emailAddr;
uData[1] = userName;
uData[2] = password;

var dd = JSON.stringify(uData: uData);

Now your web service method will look like EmailAvailability(List<string> uData)

If you want them as separate parameters:

 var dd = JSON.stringify(emailAddr: emailAddr, userName: userName, password: password);

And in this case your web service method will look like EmailAvailability(string emailAddr, string userName, string password)

Don't forget that data: dd !

P.S: I also don't see the attribute [WebMethod] in the code behind in your example don't forget it !

 [WebMethod]
 public static bool EmailAvailability(string formData)
 {
     return true;
 }

edited Aug 19, 2015 at 2:56

answered Aug 19, 2015 at 2:42

mybirthname

18.2k3 gold badges35 silver badges59 bronze badges

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

2 Comments

Rob Over a year ago

The suggestion to change to data: dd, I don't think will help here - as the method is expecting a string, not an object (or multiple parameters). Though, you're right - it's better practice to do as you suggested, but he also needs to update the C# method to no longer take just a string parameter.

mybirthname Over a year ago

@Rob because of that I wrote how his EmailAvaiability will look like in this two cases, you ca read it !

Collectives™ on Stack Overflow

Jquery Ajax method not calling codebehind asp.net method

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related