How to pass JSON object using Ajax with ASP.NET WebMethod

Question

I have a problem with passing a JSON object using Ajax and ASP.NET WebMethods

function setStudentInfo() {
    var jsonObjects = [
        { id: 1, name: "mike" },
        { id: 2, name: "kile" },
        { id: 3, name: "brian" },
        { id: 1, name: "tom" }
    ];

    $.ajax({
        type: "POST",
        url: "ConfigureManager.aspx/SetStudentInfo",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        async: false,
        data: { students: JSON.stringify(jsonObjects) },
        success: function (result) {
            alert('success');
        },
        error: function (result) {
            alert(result.responseText);
        }

    });
}

ASP.NET code

[WebMethod]
public static void SetStudentInfo(object students)
{
     //Here I want to iterate the 4 objects and to print their name and id
}

I am getting the following error:

"{"Message":"Invalid JSON primitive: students.","StackTrace":" at System.Web.Script.Serialization.JavaScriptObjectDeserializer.DeserializePrimitiveObject() at System.Web.Script.Serialization.JavaScriptObjectDeserializer.DeserializeInternal(Int32 depth) at System.Web.Script.Serialization.JavaScriptObjectDeserializer.BasicDeserialize(String input, Int32 depthLimit, JavaScriptSerializer serializer) at System.Web.Script.Serialization.JavaScriptSerializer.Deserialize(JavaScriptSerializer serializer, String input, Type type, Int32 depthLimit) at System.Web.Script.Serialization.JavaScriptSerializer.Deserialize[T](String input) at System.Web.Script.Services.RestHandler.GetRawParamsFromPostRequest(HttpContext context, JavaScriptSerializer serializer) at System.Web.Script.Services.RestHandler.GetRawParams(WebServiceMethodData methodData, HttpContext context) at System.Web.Script.Services.RestHandler.ExecuteWebServiceCall(HttpContext context, WebServiceMethodData methodData)","ExceptionType":"System.ArgumentException"}"

And what problem are you experiencing (more specifically)?

Mario S
– Mario S

2012-11-19 07:11:12 +00:00
Commented Nov 19, 2012 at 7:11 — Mario S
– Mario S, Commented Nov 19, 2012 at 7:11

c-sharp · Accepted Answer · 2015-07-10 17:31:32Z

7

I know its an old question but if someone gets here for an answer here's the solution;

var jsonObjects=[
    { id: 1, name: "mike" },
    { id: 2, name: "kile" },
    { id: 3, name: "brian" },
    { id: 1, name: "tom" }
];

$.ajax({
    type: "POST",
    url: "ConfigureManager.aspx/SetStudentInfo",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    async: false,
    data: JSON.stringify({ students: jsonObjects }),
    success: function (result) {
        alert('success');
    },
    error: function (result) {
        alert(result.responseText);
    }

});

answered Jul 10, 2015 at 17:31

c-sharp

5931 gold badge10 silver badges25 bronze badges

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

Comments

Juan · Accepted Answer · 2018-11-07 23:02:06Z

6

Pass your entire JSON as a string, like this:

data: '{variable: "value"}'

I always get an error if I try to pass it as you have.

edited Nov 7, 2018 at 23:02

Juan

5,0883 gold badges41 silver badges49 bronze badges

answered Nov 19, 2012 at 7:16

Yatrix

13.9k17 gold badges57 silver badges83 bronze badges

1 Comment

Musa Over a year ago

Keys need to be quoted also.

Martin-Brennan · Accepted Answer · 2012-11-19 11:48:58Z

You are getting that error because a single Object is expected but your code is expecting a List of Objects. This can be a bit tricky sometimes. To make the data transfer easier, you should create a class with properties for the type of object you want to pass to the WebMethod, because it seems to be easier for ASP.NET to parse that. For example:

public class Student
{
    private string _name;
    private int _id;
    public string name {
        get { return _name; }
        set { _name = value; }
    }
    public int id {
        get { return _id; }
        set { _id = value; }
    }
}

And then your WebMethod will change to accept a List of Student Class Objects, like so:

[WebMethod]
public static void SetStudentInfo(List<Student> Students)
{
    foreach (Student s in Students)
    {
        //Do whatever here System.Console.WriteLine(s.name);
    }
}

Then all you need to do is slightly change your Ajax call like so:

function setStudentInfo() {
    var jsonObjects = [
        { id: 1, name: "mike" },
        { id: 2, name: "kile" },
        { id: 3, name: "brian" },
        { id: 1, name: "tom" }
    ];

    $.ajax({
        type: "POST",
        url: "ConfigureManager.aspx/SetStudentInfo",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        async: false,
        data: { Students: JSON.stringify(jsonObjects) },
        success: function (result) {
            alert('success');
        },
        error: function (result) {
            alert(result.responseText);
        }

    });
}

Arun · Accepted Answer · 2013-10-07 09:29:24Z

1

Try this code:

function setStudentInfo() {

var jsonObjects = {"students" : [
    { id: 1, name: "mike" },
    { id: 2, name: "kile" },
    { id: 3, name: "brian" },
    { id: 1, name: "tom" }
]};

$.ajax({
    type: "POST",
    url: "ConfigureManager.aspx/SetStudentInfo",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    async: false,
    data: JSON.stringify(jsonObjects),
    success: function (result) {
        alert('success');
    },
    error: function (result) {
        alert(result.responseText);
    }

});

}

answered Oct 7, 2013 at 9:29

Arun

3,9115 gold badges36 silver badges44 bronze badges

Comments

Musa · Accepted Answer · 2012-11-19 07:16:17Z

0

You aren't actually sending json to the server, to send json just pass a json string for the data property.

data: JSON.stringify(jsonObjects),

answered Nov 19, 2012 at 7:16

Musa

97.9k17 gold badges123 silver badges144 bronze badges

3 Comments

user829174 Over a year ago

when performing your change i am getting the following" "{"Message":"Type \u0027System.Collections.Generic.IDictionary`2[[System.String, mscorlib, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089],[System.Object, mscorlib, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089]]\u0027 is not supported for deserialization of an array.","StackTrace":" at System.Web.Script.Serialization.ObjectConverter.ConvertListToObject(IList list, Type type, JavaScriptSerializer serializer, Boolean throwOnError, IList& convertedList

Musa Over a year ago

@user829174 I don't know much about asp.net but it looks like your webmethod is expecting an object and getting an array.

user829174 Over a year ago

thank you for your feedback, to what should i change the signature of my method so i will be able to send that particular JSON object to the server, can you share a code?

Collectives™ on Stack Overflow

How to pass JSON object using Ajax with ASP.NET WebMethod

5 Answers 5

Comments

1 Comment

Comments

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related