Jquery Ajax error for asp.net page

Question

I have a very simple page and a [WebMethod] inside it which returns a simple message. I would like to show this message through $.ajax on client side. however my website is using rewrites rules so my url becomes readable to user.

EX: Actual webpage: www.mysite.com/about // which has about folder and a user control inside it

there is no aspx page for this instead i am using a method which gets a webpage data which is actual html page and show the content on user control.

here is Jquery part.

$(document).ready(function () {
    $('.info a').click(function () {
        $.ajax({
            type: 'POST',
            url: '/about/showServer', //which url to put here
            async: true,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (result) {
                alert("result.d");
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                alert(textStatus);
            },
        });
    });
});

C#

[WebMethod] // this method is in the user control
      public static string showServer()
      {
            return "Hello from server";
      }

How to call this method from client using $.ajax

appreciate your time and help.

EDITS

I have this structure for my website

mysite.com/about

/about/defualt.aspx --> which loads the user controls

user controls resides in

mysite.com/ConLib/Custom/about.ascx/showServer

So i set it to like this

url: '/ConLib/Custom/about.ascx/showServer',

BUT i see error in chrome developer tool in XHR request "404 error" because when you type mysite.com/conlib/blah blah ..reqrites does not allows this and throws 404 error..

Is using webservice? If yes, you removed the comment of this line? [System.Web.Script.Services.ScriptService] — PiLHA
– PiLHA, Commented May 17, 2013 at 14:00
Where is your webmethod? In an MVC controller or Webforms aspx page? — Rob
– Rob, Commented May 17, 2013 at 14:13

palaѕн · Accepted Answer · 2013-05-17 13:59:51Z

1

Your ajax success method should be this:

alert(result.d);

Instead of this:

success: function (result) {
    alert("result.d");
}

and url should be:

url: "Default.ascx/showServer",   // UserControlPage/MethodName

answered May 17, 2013 at 13:59

palaѕн

74.2k17 gold badges123 silver badges140 bronze badges

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

8 Comments

patel.milanb Over a year ago

now its shows "Error" in alert box..when i see in chrome developer tool i see this Exception Details: System.ArgumentException: Unknown web method showServer. Parameter name: methodName.. i check the method name and its exactly same i mentioned in my jquery –

palaѕн Over a year ago

What is the url path you have set?

palaѕн Over a year ago

How do you register your user control in defualt.aspx page? What is the path set there?

patel.milanb Over a year ago

thorugh regiter directive in pgae

palaѕн Over a year ago

What is the Src you have set for that <%@ Register %> directive??

|

Clinton Ward · Accepted Answer · 2013-05-17 14:03:33Z

1

you need to decorate your web method

  [WebInvoke(Method = "POST",
        BodyStyle = WebMessageBodyStyle.Wrapped,
        ResponseFormat = WebMessageFormat.Json)]
  public static string showServer()
  {
        return "Hello from server";
  }

answered May 17, 2013 at 14:03

Clinton Ward

2,5211 gold badge23 silver badges26 bronze badges

5 Comments

patel.milanb Over a year ago

now its shows "Error" in alert box..when i see in chrome developer tool i see this Exception Details: System.ArgumentException: Unknown web method showServer. Parameter name: methodName.. i check the method name and its exactly same i mentioned in my jquery

Clinton Ward Over a year ago

try mysite.com/about/showServer or localhost/about/showServer as the url

Clinton Ward Over a year ago

url: 'localhost/ConLib/Custom/about.ascx/showServer/' add the / on the end?

Clinton Ward Over a year ago

you added the data: "{}" ?

Clinton Ward Over a year ago

and does your localhost have a port number for example localhost:40899/ConLib/Custom/about.ascx/showServer

Community · Accepted Answer · 2017-05-23 12:11:18Z

1

If your WebMethod is inside a User Control, then it needs to be moved to the ASPX page. See this post:

How to call an ASP.NET WebMethod in a UserControl (.ascx)

The url: param should be in the form of '/MyPage.aspx/showServer'

edited May 23, 2017 at 12:11

CommunityBot

11 silver badge

answered May 17, 2013 at 14:17

Rob

5,5983 gold badges25 silver badges28 bronze badges

Collectives™ on Stack Overflow

Jquery Ajax error for asp.net page

EDITS

3 Answers 3

8 Comments

5 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

EDITS

3 Answers 3

8 Comments

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related