Calling of Code Behind method from ajax function Jquery not working

Question

I have the following JQuery in my aspx page to call the Code behind function

onDelete: function (item) {
      //Some Code
       $.ajax({
           type: "POST",
           url: 'Page_Name.aspx/callmethod',
           data: "{}",
           contentType: "application/json; charset=utf-8",
           dataType: "json"
       });
    }

I am calling the below Method

[WebMethod]
public static void callmethod()
{
    Page_Name call = new Page_Name();
    call.Function();
    call.Function_Structure();
    call.Function_items_Structure();
    call.OClear();
    call.PClear();
    call.IClear();
}

I had tried in many ways but its not working kindly any one point me what could be wrong here

Not sure, but is it valid to specify a return datatype, but not return anything? I'd expect your ajax call to complain about such a thing. — Flater
– Flater, Commented May 26, 2014 at 7:11
Also, do I understand correctly that by call.pnlCH.Visible = false;, you are trying to set the ASP.Net form element's attributes via an Ajax call? That won't work. If ASP.Net needs to re-render the controls, you'll need a postback, not an Ajax call. — Flater
– Flater, Commented May 26, 2014 at 7:13
I had removed the call.pnlCH.Visible = false; call.pnlPdtl.Visible = false; in my code — Rajesh
– Rajesh, Commented May 26, 2014 at 8:43

Suraj Singh · Accepted Answer · 2014-05-26 09:19:36Z

2

Try using {} for your data, "{}" will be considered as string or don't include data parameter if you are not sending any parameters.

onDelete: function (item) {
      //Some Code
       $.ajax({
           type: "POST",
           url: 'Page_Name.aspx/callmethod',
          // data: "{}",
              data: {}, 
           contentType: "application/json; charset=utf-8",
           dataType: "json"
       });
    }

Here

answered May 26, 2014 at 9:19

Suraj Singh

4,0871 gold badge23 silver badges37 bronze badges

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

Comments

Flater · Accepted Answer · 2014-05-26 07:22:32Z

What you are trying to accomplish is inherently impossible. In your webmethod, I see the following lines:

call.pnlCH.Visible = false;
call.pnlPdtl.Visible = false;

You're trying to change the attributes of your ASP.Net form elements, but without using a postback operation. If you do not have a postback, ASP.Net will not re-render your page for you! It will only return what you tell the webmethod to return, which in your case is void.

There are two ways to fix this, I'm not sure which it is you want:

Option 1 - No ASP.Net interference needed

If you only want to change some element's visibility, you could do that via jQuery, you don't need your backend for that.

$("#myElement").show();
$("#myElement").hide();

For ASP.Net controls, you'll want to know the clientId.

var clientId = <%= pnlCH.ClientID %>;

$("#" + clientID).hide();

Option 2 - ASP.Net is needed

If you need your backend code for this (e.g. to look something up from the database, or any other good reason), doing it purely via jQuery isn't going to help. In this case, what you'll want to be doing is perform a regular postback scenario.

Having the page post back means that ASP.Net will render your page again. Any change you make to the form elements will then be rendered.

It's important to note here that a postback is required to have ASP.Net re-render your page.

So all in all, I'm not sure which way you want/need to go with this. But your current approach, while syntactically valid, will simply not work because of how ASP.Net and client-side asynchronous calls work.

blorkfish · Accepted Answer · 2014-05-26 06:49:28Z

0

Try adding an error function to your $ajax call, and see what errors come back.

data: {},
dataType: "json",
error: function(jqXHR, textStatus, errorThrown ) {
   // debug here
   alert(jqXHR);
},
success: function() ...

answered May 26, 2014 at 6:49

blorkfish

23.1k4 gold badges35 silver badges24 bronze badges

1 Comment

Rajesh Over a year ago

The Error I am getting is Internal Server Error

Collectives™ on Stack Overflow

Calling of Code Behind method from ajax function Jquery not working

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