Passing parameter to WebMethod with jQuery Ajax getting error

Question

I am using a web method and ajax call but can't get it right with parameters?

I have worked though a number of fixings but non have been able to solve my problem?

I need to pass though a string and have my web method return a data table, why is it necessary to pass it through as a json?

Here is the ajax call:

var jsdata = '{category:' + category + '}';
var jstext = JSON.stringify(jsdata, null, 2);
$.ajax({
  type: "POST",
  url: "GIFacRequest.aspx/GetSubCategories",
  data: jstext ,
  contentType: "application/json; charset=utf-8",
  dataType: "json",
  success: function (dtSubCategory) {
        PopulateSubCategoryDD(dtSubCategory);
      },
      error: function (response) {
         $('body', document).html(response.responseText);
      }
  });

And my webmethod:

[System.Web.Services.WebMethod()]
[System.Web.Script.Services.ScriptMethod()]
public static DataTable GetSubCategories(string category)
{
}

The error i'm getting is as follows:

"Message":"Cannot convert object of type \u0027System.String\u0027 to type \u0027System.Collections.Generic.IDictionary`2[System.String,System.Object]\u0027","StackTrace":" at System.Web.Script.Serialization.ObjectConverter.ConvertObjectToTypeInternal(Object o, Type type, JavaScriptSerializer serializer, Boolean throwOnError, Object& convertedObject)\r\n at System.Web.Script.Serialization.ObjectConverter.ConvertObjectToTypeMain(Object o, Type type, JavaScriptSerializer serializer, Boolean throwOnError, Object& convertedObject)\r\n at System.Web.Script.Serialization.JavaScriptSerializer.Deserialize(JavaScriptSerializer serializer, String input, Type type, Int32 depthLimit)\r\n at System.Web.Script.Serialization.JavaScriptSerializer.Deserialize[T](String input)\r\n at System.Web.Script.Services.RestHandler.GetRawParamsFromPostRequest(HttpContext context, JavaScriptSerializer serializer)\r\n at System.Web.Script.Services.RestHandler.GetRawParams(WebServiceMethodData methodData, HttpContext context)\r\n at System.Web.Script.Services.RestHandler.ExecuteWebServiceCall(HttpContext context, WebServiceMethodData methodData)","ExceptionType":"System.InvalidOperationException"

@SridharR i then get the error message: :"Invalid JSON primitive: Maintenance." Where Maintenance is my variable. — Pomster
– Pomster, Commented Jan 8, 2014 at 11:45
@SridharR I have seen that post and it did not provide any answers. — Pomster
– Pomster, Commented Jan 8, 2014 at 11:49

Sridhar R · Accepted Answer · 2014-01-08 11:45:34Z

1

your variable params var jsdata = '{category:' + category + '}' is a string.

So the line: JSON.stringify(jsdata, null, 2);, is redundant (or it should be). Just set data: jsdata,

Try with this code

var jsdata = '{category:' + category + '}';
$.ajax({
  type: "POST",
  url: "GIFacRequest.aspx/GetSubCategories",
  data: jsdata ,
  contentType: "application/json; charset=utf-8",
  dataType: "json",
  success: function (dtSubCategory) {
        PopulateSubCategoryDD(dtSubCategory);
      },
      error: function (response) {
         $('body', document).html(response.responseText);
      }
  });

answered Jan 8, 2014 at 11:45

Sridhar R

20.4k7 gold badges41 silver badges35 bronze badges

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

1 Comment

Pomster Over a year ago

Removing that line i then get the error message, "Message":"Invalid JSON primitive: Maintenance." Where Maintenance is the variable i was trying to pass in.

Collectives™ on Stack Overflow

Passing parameter to WebMethod with jQuery Ajax getting error

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related