Передать двумерный массив в AJAX.

[Jodah]

Добрый день.

Не могу понять, как адекватно передать двумерный массив в AJAX.

Конкретная задача - нужно получить из БД заказы (например, 50 шт) и вывести их в виде таблицы. Массив данных выглядит примерно так:

$orders[1]['name'] = 'Товар1'
$orders[1]['price'] = 900;
$orders[2]['name'] = 'Товар2';
$orders[2]['price'] = 1200;

Если бы массив был одномерный, я бы сделал примерно так:

function getOrders(){
	$.ajax({
		url: "/orders/",
		type: "POST",
		data: ({action : 'ajax', func : 'getOrders'}),
		dataType: "json",
		success: function(response) { //Если все нормально
			document.getElementById("content").innerHTML = response[0].response[1].response[n];
		},
		error: function(response) { //Если ошибка
			document.getElementById("content").innerHTML = "Ошибка";
		}
	})
}

Но как передать двумерный массив? И возможно ли при этом сохранить адекватные названия ключей, чтобы было response[1]['name'], а не response[1][0]? Или лучше не париться с этим и передавать в AJAX готовый HTML код? Как такие задачи решаются по феншую?

Благодарю за помощь.

[jsnb]

Если данные в JSON конвертируеются, то в чем проблема распарсить их на клиенте?
Если в PHP получается такой массив:

$arr = array( 
  array("name" => "aaa", "price" => "111"),
  array("name" => "bbb", "price" => "222"),
  array("name" => "ccc", "price" => "333"),
  array("name" => "ddd", "price" => "444") 
);

То полученные из JSON массив можно просто пробежать циклом:

var $table = $('#mytable');
response.forEach(function(obj) {
  $table.append('<tr><td>' + obj.name + '</td><td>' + obj.price + '</td></tr>');
});

При указанном dataType: 'json' jQuery само распарсит response в объект.