How to call ASP.net web method with Array parameter from jQuery Javascript?

Question

I have the following ASP.net web method:

[WebMethod]
public static string SaveUserNew(string id, string[] roles)
{
 doStuff(id, roles);
}

I'm calling this code from jQuery Javascript code, but I don't know the syntax for passing an array. Ordinarily, I write jQuery code to call web methods that looks like this:

        $.ajax({
             type: "POST",
             url: "someUrl.aspx?webmethod",
             data: '{"foo":"fooValue"}',
             contentType: "application/json;",
             dataType: "json",
            }

Please shed some light on this.

Update: Here is an example of code without arrays that does work:

[WebMethod]
public static string SaveUserNew(string id)
{
    return "0";
}

        var jdata = '{ "id": "3TWR3"}';

        $.ajax({
            type: "POST",
            url: "UserMgmt.aspx/SaveUserNew",
            data: jdata,
            contentType: "application/json;",
            dataType: "json",
            traditional: true                 
            }
        });

My intention is to write some code in a similar style where I pass arrays to my web method.

possible duplicate of Passing array of strings to webmethod with variable number of arguments using jQuery AJAX — weir
– weir, Commented Jun 18, 2014 at 17:17

Jules · Accepted Answer · 2011-04-14 05:13:47Z

2

Passing param to webmethod is a little bit tricky. Try this one

[WebMethod]
public static string GetPrompt(string[] name)
{

    return "Hello " + name[0] + " and " + name[1];
}

jscript

var param = "{'name':['jack', 'jill']}";
var option = {
    error: function(request, status, error) {
        alert(error);
    },
    cache: false,
    success: function(data, status) {
        alert(data.d);
    },
    type: "POST",
    contentType: "application/json; charset=utf-8",
    data: param,
    dataType: "json",
    url: "../Server/ArrayParam.aspx/GetPrompt"
};

$.ajax(option);

answered Apr 14, 2011 at 5:13

Jules

1,42313 silver badges22 bronze badges

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

Comments

Chandu · Accepted Answer · 2011-04-13 16:14:17Z

0

You need to
1) assign the data parameter to have an object with the properties id and roles.
2) assign the roles property an array of strings.
3) Set the traditional setting to true while passing options to ajax call.

e.g:

$.ajax({              
    type: "POST",              
    url: "someUrl.aspx?webmethod",              
    data: {
        "id":"1",
        "roles":[
            "Admin",
            "Something",
            "Another Thing"
        ]
    },
    contentType: "application/json;",              
    dataType: "json", 
    traditional: true //#############################   
}

answered Apr 13, 2011 at 16:14

Chandu

83.2k19 gold badges136 silver badges136 bronze badges

8 Comments

Vivian River Over a year ago

I do have the array in my javascript code as an Array type. I wonder what is the easiest way of getting it into the data... And why did you add traditional: true to the code?

Vivian River Over a year ago

When I use this code, I get the following error: "Invalid JSON primitive: "id"

Chandu Over a year ago

Check the link jquery14.com/day-01/jquery-14#backwards for the traditional parameter need. ASP.Net

Chandu Over a year ago

Did you remove the single quotes before and after the value being assigned to data?

Vivian River Over a year ago

var jdata = { "id": "bobby", "roles": ["at_admin", "at_user"] };

|

Collectives™ on Stack Overflow

How to call ASP.net web method with Array parameter from jQuery Javascript?

2 Answers 2

Comments

8 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

8 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related