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, May 17 '13 at 14:00
Where is your webmethod? In an MVC controller or Webforms aspx page? — Rob, May 17 '13 at 14:13

score 1 · Answer 1 · answered May 17 '13 at 13:59

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 '13 at 13:59

palaѕн

72,112
17
116
136

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 – – patel.milanb May 17 '13 at 14:11
What is the url path you have set? – palaѕн May 17 '13 at 14:13
How do you register your user control in `defualt.aspx` page? What is the path set there? – palaѕн May 17 '13 at 14:31
thorugh regiter directive in pgae – patel.milanb May 17 '13 at 14:39
What is the **`Src`** you have set for that `<%@ Register %>` directive?? – palaѕн May 17 '13 at 15:43
<%@ Reference Control="MyUserControl.ascx" %> – patel.milanb May 17 '13 at 15:47
Is it `MyUserControl.ascx` or `about.ascx`? – palaѕн May 17 '13 at 15:49
about.ascx, i just mentioned it like that – patel.milanb May 17 '13 at 15:57

score 1 · Answer 2 · answered May 17 '13 at 14:03

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 '13 at 14:03

Clinton Ward

2,441
1
22
26

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 – patel.milanb May 17 '13 at 14:11
try mysite.com/about/showServer or localhost/about/showServer as the url – Clinton Ward May 17 '13 at 14:14
url: 'localhost/ConLib/Custom/about.ascx/showServer/' add the / on the end? – Clinton Ward May 17 '13 at 14:55
you added the data: "{}" ? – Clinton Ward May 17 '13 at 14:58
and does your localhost have a port number for example localhost:40899/ConLib/Custom/about.ascx/showServer – Clinton Ward May 17 '13 at 15:02

score 1 · Answer 3 · edited May 23 '17 at 12:11

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 '17 at 12:11

Community

1
1

answered May 17 '13 at 14:17

Rob

5,578
3
23
28

Jquery Ajax error for asp.net page

EDITS

3 Answers3