How do I send an array in an .ajax post using jQuery?

Question

I have looped through a simple gathering data and pushing it into an array. I am then trying to send that array to a page method (.aspx). There is something about the array that it does not like I think. Here is my code:

//packaging table data for submit to server
            $("#saveToDB").click(function() {
                var dataForSubmit = new Array();
                //gather all data to array except the "delete" cell, .rowToDelete
                $('#QueueTable tbody td:not(.rowToDelete)').each(function() {
                    dataForSubmit.push($(this).html());

                });
                //test the array
                //alert(dataForSubmit);

                //send array to method
                $.ajax({
                    type: "POST",
                    url: "DailyReceipts.aspx/saveData",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    data: dataForSubmit,
                    success: function(msg) {
                        $.jGrowl('Your data has been successfully saved.', { header: 'Important' });
                        $('#result').append(msg.d)
                    },
                    error: function() {
                        $.jGrowl('An error has occured in saving the data.', { header: 'Important' });
                    }
                });
            });

Do you get some error? How does your server side script look like? It seems that you are using PageMethods. — Darin Dimitrov
– Darin Dimitrov, Commented Mar 8, 2010 at 17:30
It reaches my error handling. Server-side looks like this: public void saveData(string[] theData) — Matt
– Matt, Commented Mar 8, 2010 at 17:54

Nick Craver · Accepted Answer · 2010-03-08 17:30:49Z

4

Just append whatever parameter it's expecting on the data argument like this:

data: "paramName=" + dataForSubmit,

or, alternatively:

data: { paramName : dataForSubmit },

answered Mar 8, 2010 at 17:30

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

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

4 Comments

Nick Craver Over a year ago

@Matt - Put this in for your error handler to see what the error is: error:function (xhr, opt, aError){ alert(xhr.status); alert(aError); }

Nick Craver Over a year ago

@Matt - That means a server error, something's blowing up on the asp.net side of things, can you hook up a debugger or logging to see what? FireBug is also tremendously helpful for this: getfirebug.com

Matt Over a year ago

Firebug says my JSON is invalid? I didn't have my [Web Method] static so that explains the server-side problem. Sorry, man I'm new to this stuff..

Nick Craver Over a year ago

@Matt - You fix the server-side, still an issue? If so update and we'll see what the problem is.

Mike · Accepted Answer · 2016-09-26 05:56:32Z

You shoud use this Function: JSON.stringfy,so:

//send array to method
                $.ajax({
                    type: "POST",
                    url: "DailyReceipts.aspx/saveData",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    data: JSON.stringfy(dataForSubmit),
                    success: function(msg) {
                        $.jGrowl('Your data has been successfully saved.', { header: 'Important' });
                        $('#result').append(msg.d)
                    },
                    error: function() {
                        $.jGrowl('An error has occured in saving the data.', { header: 'Important' });
                    }
                });

Collectives™ on Stack Overflow

How do I send an array in an .ajax post using jQuery?

2 Answers 2

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related