Как передать массив методом post с помощью ajax?

Question

[123 123]

$('#tablePaySave').click(function() {
	var test = [];
	var month = 1;
	var year = $('#tablePayYear').val();
	$('.table').find(':input').each(function(i, input) {
		var cell = [];
		cell['id'] = input.id;
		cell['type'] = $(this).data('type');
		cell['value'] = input.value;
		cell['month'] = month;
		month++;
		if (month > 12) {
			month = 1;
		};
		cell['year'] = year;
		test.push(cell);
	});

	$.ajax({
		type: "POST",
		url: "/accounting/save",
		data: test,
		dataType: "json",
		success: function(data) {
			console.log('success');
		},
		error: function(data) {
			console.log('error');
		}
	});
});

Он как то странно передает только то что я получил с input.value. и то undefined.
Вот Form Data:
undefined:500000
undefined:450000
undefined:500000
...

Answer 1

[Алексей Уколов]

$('#tablePaySave').click(function() {
  var test = [];
  var month = 1;
  var year = $('#tablePayYear').val();
  $('.table').find(':input').each(function(i, input) {
    var cell = {};
    cell['id'] = input.id;
    cell['type'] = $(this).data('type');
    cell['value'] = input.value;
    cell['month'] = month;
    month++;
    if (month > 12) {
      month = 1;
    };
    cell['year'] = year;
    test.push(cell);
  });

  $.ajax({
    type: "POST",
    url: "/accounting/save",
    data: {test: test},
    dataType: "json",
    success: function(data) {
      console.log('success');
    },
    error: function(data) {
      console.log('error');
    }
  });
});

var cell = {};
...
data: {test: test},

Comments

[123 123]

Спасибо, целый день убил и не как не смог придумать. А вон оказывается как оно получается. Массив надо объектами заполнять.

Answer 2

[Евгений Петров]

1. Протокол HTTP предусматривает передачу исключительно текстовых данных. Чтобы передать данные объекта, его нужно сериализовать.

2. У вас написано:
var cell = [];
Далее вы указываете массиву свойства, но не значения. Зачем? Вы используете эту переменную в качестве объекта, так и объявляйте её объектом. А так вы этот массив должны сами сериализовать.

Comments

[bromzh]

jquery сам прекрасно сериализует, достаточно указать dataType: "json"

[Евгений Петров]

bromzh: Если вы пустому массиву наприсваиваете свойств, то он сериализуется во что-то осмысленное?

[bromzh]

Евгений Петров: в этом случае - нет. Просто ошибка автора не в том, что он забыл сериализовать данные, а в том, что он массив использует как объект.
Если же в $.ajax передать объект, то вручную его не надо сериализовать - jquery сам сделает это, вот я что имел ввиду.

[Евгений Петров]

bromzh: Боюсь, возникло недопонимание:) Безусловно, сериализация в $ajax происходит автоматически. Я лишь только хотел показать, как можно проверить, что именно уйдёт на сервер.

[123 123]

Спасибо вам за информацию. Проблема в том что я мало курю мануалы. =)