Jquery, Ajax, C#: pass array data to server side

Question

I'm trying to do something but with no success. 1. I want to do an ajax call by jquery and to pass an array (i assumed it should be on the data property). 2. Then, i want to retrieve this array on the server side but im pretty lost how.

Can anyone please explain how can this be easily done? I thought about using context.Request.Params but im guessing this is not the right way..

var array = [];
...

 $.ajax({
      cache: false,
      method: 'json',
      url: 'handler/myhandler.ashx',
      data: array

Your endpoint is an asp.net generic handler? (guess since you wrote "handler" as url). — Peter Rasmussen
– Peter Rasmussen, Commented Dec 8, 2012 at 10:18
Yes, is that okay? i just updated my question writing the file extension ashx — Popokoko
– Popokoko, Commented Dec 8, 2012 at 10:20

Peter Rasmussen · Accepted Answer · 2012-12-08 10:36:57Z

2

EDIT: I just realized you need to "post" your data. You should add "type: 'POST'" to your ajax call :)

 $.ajax({
      type: 'POST',
      cache: false,
      method: 'json',
      url: 'handler/myhandler.ashx',
      data: array

You are correct, your array should be inserted into the "data" property of the ajax call.

You can access the data on the server side through the HttpContext in your handler. There is an attribute called request.

For converting the object into an object, here's a deserializsation example. Where it is deserialized into a dictionary.

public void ProcessRequest(HttpContext context)
{
    var data = context.Request;
    var sr = new StreamReader(data.InputStream);
    var stream = sr.ReadToEnd();

    var javaScriptSerializer = new JavaScriptSerializer();

    var arrayOfStrings = javaScriptSerializer.Deserialize<string[]>(stream);

edited Dec 8, 2012 at 10:36

answered Dec 8, 2012 at 10:24

Peter Rasmussen

17k8 gold badges50 silver badges64 bronze badges

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

11 Comments

Popokoko Over a year ago

I tried the context.Request.Form["json"] way, still having problems on the server side.. and in general, how can this data object can be converted to an array on that side? after all i don't wanna keep it as some json object

Popokoko Over a year ago

First thank you for ur fast reply. I just tried what u wrote, the only problem is im getting an exception in the last line: '...is not supported for deserialization of an array.'

Peter Rasmussen Over a year ago

The first step would be to find the string you are looking for in the Request (I usually use debugging for this). As it will be send as a string to the server. Then the server has to use deserialisation to turn it into an object (like an array of strings). Can you post the string you are trying to convert to an array?

Popokoko Over a year ago

Sure, for example, my stream (after the readToEnd() method) has this: [["1","2","3"],["4","5","6"],["7","8","9"],[]]

Popokoko Over a year ago

I just tried. Works great!! What a great help thank you very much. If i'll have more problems i promise to annoy you again :)

|

Jack · Accepted Answer · 2012-12-08 10:40:42Z

0

using JSON.stringify() like this:

 $.ajax({
      cache: false,
      method: 'json',
      url: 'handler/myhandler.ashx',
      data: JSON.stringify(array),
      type: "POST"

After data gets send to the server side, all you need to do now is to deserialize the object, this is how you do it

//might be something else other than Forms["json"], use debug mode to figure out the param
    string json = HttpContext.Current.Request.Forms["json"];
    JavaScriptSerializer  serializer= new JavaScriptSerializer();
    var urObj = serializer.Deserialize<Type>(json);

edited Dec 8, 2012 at 10:40

answered Dec 8, 2012 at 10:23

Jack

2,66025 silver badges30 bronze badges

1 Comment

Popokoko Over a year ago

How can i retrieve this data?

Collectives™ on Stack Overflow

Jquery, Ajax, C#: pass array data to server side

2 Answers 2

11 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

11 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related