ASP.NET: jQuery AJAX 'data' param problem

Question

I've been having problems with this code I had spent the last 3 hours digging around and trying to find an answer. As I wasn't successful, I will just post the code and ask which kind of parameters I should have on my web service to handle this request:

var args = [{ key: 'myId', value: 'myValue' }, { key: 'myOtherId', value: 'myOtherValue'}];
var dataToSend = { name: 'fooId', value: 'fooValue', args: args };
$.ajax({
type: 'POST',
url: 'fooURL',
data: dataToSend,
contentType: 'application/json; charset=utf-8',
dataType: 'json',
success: OnSuccess,
error: OnError
});

Now, which kind of signature I should have to be able to get my "dataToSend"?

I've tried:

[WebMethod, ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public string Foo(string name, object value, List<Args> args)
{
    return "OK";
}

public class Args
{
    public string key { get; set; }
    public object value { get; set; }
}

and

[WebMethod, ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public string Foo(string name, object value, object[] args)
{
    return "OK";
}

and also

[WebMethod, ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public string Foo(dataToSend dataToSend)
{
    return "OK";
}

public class dataToSend
{
    public string name { get; set; }
    public object value { get; set; }
    public List<Args> args = new List<Args>();

}
public class Args
{
    public string key { get; set; }
    public object value { get; set; }
}

Sam · Accepted Answer · 2009-06-30 07:15:43Z

22

Try passing the data as a string, not an object, ie:

$.ajax( {
    ...
    data : '{ a: 2, b: 3 }',
    ...
} );

The reasoning for this is that if you specify an object as data then jQuery serializes the data using query string format, whereas the server is expecting JSON format directly.

This happens despite telling jQuery to use JSON as the data type - it seems to only relate to the result, not the request payload sent to the server.

Everything else you have there looks correct to me.

answered Jun 30, 2009 at 7:15

Sam

6,29534 silver badges41 bronze badges

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

1 Comment

Dan F Over a year ago

Pretty sure Sam has it here. Check elegantcode.com/2009/02/21/… for more info. Assuming the string fixes it, I think it'll be the first syntax.

Fermis · Accepted Answer · 2012-07-10 15:21:04Z

2

Although this is an older post I thought I would contribute. I have been sending an associative array same idea an the accepted post I just find it easier to write.

Javascript

postData[0] = 'data!';
postData[1] = 'moar data!';
postData[2] = 'and some data';

$.ajax({
    type: 'POST',
    url: 'postUrl',
    data: { data: postData },
});

PHP

$data = $_POST['data'][0];
$moar_data = $_POST['data'][1];
$and_some_data = $_POST['data'][2];

answered Jul 10, 2012 at 15:21

Fermis

1816 bronze badges

Comments

wtaniguchi · Accepted Answer · 2009-06-30 05:49:30Z

0

If you're working with JSON-enabled .NET WebServices/WebMethods... my tips are:

Be very careful with web.config configuration. Use it to enable big parameters, POST method and JSON.
Use a framework to handle Object serialization e deserialization. I would recommend NewtonSoft's Json.NET.

I don't think ASP.NET automagically do it for you, your parameters are always strings. You should take that strings, deserialize it and turn it to an array of objects.

answered Jun 30, 2009 at 5:49

wtaniguchi

1,32415 silver badges23 bronze badges

1 Comment

Andre Gallo Over a year ago

I think it does. Check this out (although it's MVC the same concept should be applied for web forms): blogger.forgottenskies.com/?p=243

Collectives™ on Stack Overflow

ASP.NET: jQuery AJAX 'data' param problem

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related