Unable to execute Ajax call to c# method

Question

Im trying to call a c# method on select changed event of a dropdown list,The select change event triggers but the ajax does not work

     <script type="text/javascript">
          $(document).ready(function () {


              $('body').delegate('#drpselect1', 'change', function () {
                  var groupname = $("#drpselect1 option:selected").text();
                  alert(groupname);
                  $.ajax({
                      type: "POST",
                      contentType: "application/json; charset=utf-8",
                      url: "sample.aspx/getdata",
                      dataType: "json",
                      {"text":groupname},
                      success: function () {
                         alert("works");
                          // window.location.href = "ClubCreation.aspx";
                      },
                      Error: function () {
                          alert('error');
                      }
                  });
             /*     $.ajax({
                      type: "POST",
                      contentType: "application/json; charset=utf-8",
                      url: "sample.aspx/getdata",
                        data:{"text":groupname}
                                          dataType: "json",
                      success: function () {
                          alert('Successfully Saved');
                          //window.location.href = "ClubCreation.aspx";
                      },
                      Error: function () {
                      }


    });*/

          });


      });




</script>

c# method

[WebMethod]
     public static void getdata(String text)
        {
            //do stuff
        }

It's error: function(...) not Error: function(...) and alert('error') isn't that helpful either. Check the docs and use the supplied parameters of the error handler — Andreas
– Andreas, Commented Aug 21, 2013 at 7:10

Menotaurus · Accepted Answer · 2013-08-21 07:07:32Z

2

You have to decorate getdata method with [WebMethod] attribute. In your c# code [WebMethod] is missing.

answered Aug 21, 2013 at 7:07

Menotaurus

6155 silver badges8 bronze badges

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

Comments

sangram parmar · Accepted Answer · 2013-08-21 07:19:07Z

1

try this

check this line

                      data:'{"text":"'+groupname+'"}',//put "data:"

now,

$.ajax({
                      type: "POST",
                      contentType: "application/json; charset=utf-8",
                      url: "sample.aspx/getdata",
                      dataType: "json",
                      data:'{"text":"'+groupname+'"}',//put "data:"
                      success: function () {
                         alert("works");
                          // window.location.href = "ClubCreation.aspx";
                      },
                      Error: function () {
                          alert('error');
                      }
                  });

answered Aug 21, 2013 at 7:19

sangram parmar

8,7862 gold badges26 silver badges48 bronze badges

Comments

Piotr Stapp · Accepted Answer · 2013-08-21 07:09:11Z

0

Probabky you missing attributes:

[System.Web.Services.WebMethod()] 
public static void getdata(String text)

Look here for more informations: Using jQuery to directly call ASP.NET AJAX page methods

answered Aug 21, 2013 at 7:09

Piotr Stapp

19.9k11 gold badges72 silver badges118 bronze badges

1 Comment

techno Over a year ago

sorry forgot to add that in question.I had used webmethod

Collectives™ on Stack Overflow

Unable to execute Ajax call to c# method

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related