Pass array to code behind from jquery ajax

Question

I have to pass two dimensional array to the page method written at code behind of the web page in asp.net I have a variable objList as a two dimensional array. I used following code for achieving this with no success and page method is not called.

JAVASCRIPT

function BindTable(objList) {

    $.ajax(
    {
           url: "CompCommonQues.aspx/SaveData",
           contentType: "application/json; charset=utf-8",
           dataType: "json",
           type: "POST",
           data: { data: objList },
           success: function (data) {
           //Success code here
    },
    error: function () { }
    });
  }

CODE BEHIND .CS File

 [WebMethod]
public static string SaveData(string[,] data)
{
    string[,] mystring = data;
    return "saved";
}

There is method like JSON.stringify(objList) to pass the json array to code behind but couldn't implement this. A simple call wihtout array working for me like

data: "{ 'data':'this is string' }",

and in code behind

[WebMethod]
public static string SaveData(string data)
{
    string mystring = data;
    return "saved";
}

There is problem in passing data. Can you assist me how to pass it for arrays?

CyclingFreak · Accepted Answer · 2013-03-29 08:32:34Z

7

Try the correct JSON notation in JavaScript

var objList = new Array();
objList.push(new Array("a","b"));
objList.push(new Array("a", "b"));
objList.push(new Array("a", "b"));

   $.ajax({
       type: "POST",
       url: "copyproduct.aspx/SaveDate",
       data: "{'data':'" + JSON.stringify(objList) + "'}",
       contentType: "application/json; charset=utf-8",
       dataType: "json",
       success: function (msg) {
            alert(msg.d);
       }
   });

In code behind, you can deserialize with JavaScriptSerializer (System.Web.Script.Serialization)

[WebMethod()]
public static string SaveDate(string data)
{
    JavaScriptSerializer json = new JavaScriptSerializer();
    List<string[]> mystring = json.Deserialize<List<string[]>>(data);
    return "saved";
}

I had to deserialize to a generic list of a string array because you can't deserialize to a string (check: http://forums.asp.net/t/1713640.aspx/1)

edited Mar 29, 2013 at 8:32

answered Mar 29, 2013 at 8:01

CyclingFreak

1,6252 gold badges22 silver badges41 bronze badges

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

11 Comments

Rajaram Shelar Over a year ago

Web method is not hitting when i debug the code. What changes required in code behind function.

CyclingFreak Over a year ago

You are passing a string like: { data: [["a","b"],["a","b"],["a","b"]] }. So you need to change the parameter from string(,) to string and use System.Web.Script.Serialization.JavaScriptSerializer to deserialize to string(,). I will work out the example.

Rajaram Shelar Over a year ago

I have change my code as per your suggestion, Arrays are created but code behind method still not hitting.

CyclingFreak Over a year ago

Did you copied the code? Are you using Firebug? Can you see what message is displayed under "Net"> "XHR"? I have tested it in my project and it was working.

Rajaram Shelar Over a year ago

Error is internal server error Under the post section { data: [["123","1"],["153","2"],["123","1"],["123","1"],["153","2"],["123","1"],["123","1"],["153","2"],["123","1"]] } and Message is "Type 'System.String' is not supported for deserialization of an array."

|

Collectives™ on Stack Overflow

Pass array to code behind from jquery ajax

1 Answer 1

11 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

11 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related