ASP.NET webmethod get ajax with parameters

Question

I have a webmethod like this:

[WebMethod]
[ScriptMethod(UseHttpGet = true)]
public static string test(string Name, int? Age)
{
    return "returned value";
}

And the ajax call :

$.ajax({
  type: "GET",
  url: "form.aspx/test",
  data: {'Name': "n1", 'Age': 30},
  contentType: "application/json; charset=utf-8",
  success: function (data) {
    console.log(data);
  }
});

Without parameters/data it works, but when I try to pass some parameters I get this error:

GET http://localhost:55410/test.aspx/test?Name=n1&Age=30
500 (Internal Server Error)

I think this's the detailed exception:

System.ArgumentException: Unknown web method form.
Parameter name: methodName

the error message listed that the url of the method is 'test2' not 'test' is this a typo or something else? — Amr Elgarhy
– Amr Elgarhy, Commented May 29, 2018 at 23:51
@AmrElgarhy Please check my last update to the question, I added the detailed exception. — Den
– Den, Commented May 30, 2018 at 0:35
Possible duplicate of ASP.NET jQuery error: Unknown Web Method — Amr Elgarhy
– Amr Elgarhy, Commented May 30, 2018 at 0:36

StaticBeagle · Accepted Answer · 2018-05-30 00:56:11Z

1

You need to pass an object instead of a string, and put quotes around n1 to make it a string:

$.ajax({
  type: "GET",
  url: "test.aspx/test",
  data: {'Name': 'n1', 'Age': 30},  // remove quotes & add quotes to n1
  contentType: "application/json; charset=utf-8",
  success: function (data) {
    console.log(data);
  }
});

edited May 30, 2018 at 0:56

answered May 29, 2018 at 23:39

StaticBeagle

5,2052 gold badges27 silver badges36 bronze badges

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

9 Comments

Den Over a year ago

still the same error. GET http://localhost:55410/test.aspx/test2?Name=n1&Age=30 500 (Internal Server Error)

StaticBeagle Over a year ago

@Den whoops sorry since n1 is a string you need to put quotes around it. Fixed my answer

StaticBeagle Over a year ago

@Den where is the test2 in the url coming from?

Den Over a year ago

sorry, it's a typo.

StaticBeagle Over a year ago

@Den ok gotcha, so http://localhost:55410/test.aspx/test works right?

|

Rey · Accepted Answer · 2018-05-30 00:13:28Z

0

If you want to pass parameters with url you dont need to use data property at all: Just pass them in the url itself like below:

 $.ajax({
  type: "GET",
  url: "form.aspx/test?name=" + yourStringVariabel + "&age=" + yourAgeVariabel,
  contentType: "application/json; charset=utf-8",
  success: function (data) {
    console.log(data);
  }
});

Try with a post and see if it works:

 $.ajax({
  type: "POST",
  url: "form.aspx/test",
  data: JSON.stringify({ name: 'N1', age : 1 }),
  contentType: "application/json; charset=utf-8",
  success: function (data) {
    console.log(data);
  }
});

edited May 30, 2018 at 0:13

answered May 29, 2018 at 23:57

Rey

4,0865 gold badges35 silver badges62 bronze badges

6 Comments

Den Over a year ago

same error GET http://localhost:55410/form.aspx/test?Name=n1&Age=1 500 (Internal Server Error)

Rey Over a year ago

Why is your method static @Den ?

Rey Over a year ago

@Den can you please set the type to 'POST' instead of 'GET' and let me know if it works. Now you can use data property like this data: JSON.stringify({ name: 'N1', age : 1 }),

Rey Over a year ago

@Den make the method static again because in the documentation indicates it needs to be static

Rey Over a year ago

@Den refer to this: seems to be a missing feature with the GET for security reasons: stackoverflow.com/questions/2651091/… and this: stackoverflow.com/questions/2397466/…

|

Collectives™ on Stack Overflow

ASP.NET webmethod get ajax with parameters

2 Answers 2

9 Comments

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

9 Comments

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related