Why doesn't jquery turn my array into a json string before sending to asp.net web method?

So far, I’ve only been passing javascript strings to my web methods, which get parsed, usually as Guids. but now i have a method that accepts an IList… on the client, i build this array of objects and then attempt to pass it like:

$.ajax({
  type: 'POST',
  url: 'personalization.aspx/SetPersonalization',
  data: "{'backerEntries':" + backerEntries + "}",
  contentType: 'application/json; charset=utf-8',
  dataType: 'json',
  success: postcardManager.SetPersonalizationComplete
});

The post:

{'backerEntries':[object Object],[object Object],[object Object]}

The error response:

Invalid JSON primitive: object.

For some reason, jquery doesn’t seem to convert my array into a json string? Any ideas why? I tried putting [] around the backerEntries, and {}, as well as {[]} just in sheer desperation. Am I missing something obvious here?

Contents hide

Answers:

Method 1

Method 2

Method 3

Method 4

Answers:

Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So please treat them as advisements. If you found the post helpful (or not), leave a comment & I’ll get back to you as soon as possible.

Method 1

data: “{‘backerEntries’:” + backerEntries + “}”,

..is the same as

data: "{'backerEntries':" + backerEntries.toString() + "}",

…which is pretty much useless. Use Duncan‘s suggestion if you just want to pass an encoded list of values with the name “backerEntries” in your querystring. If you want to JSON-encode the data, then get a JSON library and call JSON.stringify().

Method 2

The data you are passing you are trying to pass it as a string already. If you want jQuery to transform it leave the whole thing as an object, e.g.

data:{backerEntries: backerEntries }

Assuming of course backerEntries is an array. jQuery should transform this and will append it to the querystring as that is its default behaviour. Your current code is relying on default JavaScript behaviour which won’t by default convert an array into its string representation.

Method 3

Since you’re using ASP.NET, you can use the built-in ASP.NET AJAX serialization library:

var backerEntriesJson = Sys.Serialization.JavaScriptSerializer.serialize(backerEntries);

then pass that directly in your jQuery ajax call:

...
data: backerEntriesJson,
...

Method 4

This is NOT valid JSON: { ‘foo’: ‘bar’ }

Isn’t, wasn’t ever, never will be. JSON processors are often very forgiving, which of course is a false convenience.

Read the specification. A string is defined to be enclosed in double quotes, not single quotes, not smiley face characters, not pieces of metal bent at right angles, not bricks. There’s no mention of single quotes, period.

Now, property names are JSON strings. By definition, they MUST are enclosed in double quotes.

Valid: { “foo”: “bar” }
valid” { “foo”: 100 }
valid: { “foo”: true }
valid: { “foo”: [ “one”, “two” ], “bar”: false }

see www.json.org

see www.jsonlint.com

All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0

0 0 votes

Article Rating