No data, when passing array trough an Ajax POST

Question

I'm trying to pass an array trough an Ajax POST request using jQuery. I can't seem to get it done. Here is my code:

var settings = [];
$('.settingp input').each(function(){
    settings[$(this).attr('id')] = $(this).val();
});
$.post("editSettings.php", { 'settings': settings });

The request happens, but there is no data in it. Any idea what am I doing wrong?

no I checked and the array is being set up correctly. settingp is
:p — Mars, Dec 25 '10 at 19:03
settings.length seems to be returning 0 even when settings['key'] is returning the value — Mars, Dec 25 '10 at 19:11
This question was asked recently. Please check : [**http://stackoverflow.com/questions/4402036/jquery-ajax-posting-array-to-asp-net-mvc-controller**](http://stackoverflow.com/questions/4402036/jquery-ajax-posting-array-to-asp-net-mvc-controller) — Chandu, Dec 25 '10 at 17:23
tried the solution from that question but still no data is being passed — Mars, Dec 25 '10 at 17:31
hmm.. I changed var settings to window.settings and checked the DOM using firebug to see if the array was being set filled right and it was all ok but still no data. the post tab for the request in firebug is empty — Mars, Dec 25 '10 at 19:07

score 3 · Accepted Answer · answered Dec 25 '10 at 19:34

the problem was

$(this).attr('id') => retuns a string, not a number

settings[$(this).attr('id')] = $(this).val();

changed it to and now it works

settings[settings.length] = [$(this).attr('id'), $(this).val()];

thanks everybody for trying to help me

score 2 · Answer 2 · answered Oct 27 '11 at 15:44

What about this?

var settings = {};
$('.settingp input').each(function(){
    settings[$(this).attr('id')] = $(this).val();
});
$.post("editSettings.php", settings);

I think the issue is with our settings is initialized. Then when posting it, you don't have to call it "settings", since you have set all of the names of the post values already.

No data, when passing array trough an Ajax POST

2 Answers2