Как организовать используя ajax выбор категории?

Question

[Узаир Ижа]

Сайт - магазин. Для товаров есть категории. В админке я сделал добавление категорий. То есть структура категории можно добавить под категорию и так далее. Вложенностей может быть неизвестное число.

Теперь сама ситуация. Я не могу создать форму при добавления товара.
Выбираем категорию выходит под категорию если у этой под категории есть подкатегория снова выбираем под категорию Я не могу сделать код именно под неизвестное количество под категорий.

Comments

[OVK2015]

Под не ограниченное число вложенных подкатегорий что ли?

[Узаир Ижа]

OVK2015: Ну да. Что бы при добавлении товара пользователь мог придти к окончательной категории. Сколько бы вложений там не было бы.

[OVK2015]

Узаир Ижа: Так передавайте в js, с каждым эл-ом данного уровня вложенности списка, вместе с его названием еще и имя составного ключа внутри php массива. Так юзер и вперед и назад по вложенным массивам списков бегать будеть

[Узаир Ижа]

OVK2015: к сожалению я не понял вас.. Можно алгоритм?

[OVK2015]

Узаир Ижа: Можно. Фрагмент этой вложенности приведите,- чтоб об одном и том же говорили

[Узаир Ижа]

OVK2015:

<div class="form-group">
                  <label>Категория</label>
<?
$catt = mysql_query("SELECT * FROM `bb_catproduct` WHERE parent=0");
?>
<select name="cat" id="catOne" class="form-control" onchange="parent()">
<option value="">Выберите категорию</option>
<? while($cat = mysql_fetch_assoc($catt)){ ?>
<option value="<? echo $cat["id"]; ?>"><? echo $cat["name"]; ?></option>
<? } ?>
</select>
                </div>
                <div id="pr"></div>

               <script type="text/javascript">
          function parent(){
               $.ajax({
       type: "POST",
      url: "ajax/ajaxCat.php",
      data: "catParent="+$('#catOne').val(),
      success: function(pr){
          $('#pr').html(pr);
}
    })
  };

              </script>

[Узаир Ижа]

OVK2015: понимаете уровень и логику )

[OVK2015]

Узаир Ижа: Честно говоря,- не совсем. Я имел ввиду вот такую конструкцию:

$categoryArray = array
	(
		"items" => array
		(
			"cat1" => array
			(
				"categoryName" => "Level 1",
				"items" => array
				(
					"cat11" => array
					(
						"categoryName" => "Level 1.1"
					),
					"cat12" => array
					(
						"categoryName" => "Level 1.2"
					),
					"cat13" => array
					(
						"categoryName" => "Level 1.3",
						"items" => array
						(
							"cat131" => array
							(
								"categoryName" => "Level 1.3.1"
							),
							"cat132" => array
							(
								"categoryName" => "Level 1.3.2"
							),
							"cat133" => array
							(
								"categoryName" => "Level 1.3.2"
							)
						)
					)
				)
			),
			"cat2" => array
			(
				"categoryName" => "Level 2",
				"items" => array
				(
					"cat21" => array
					(
						"categoryName" => "Level 2.1"
					),
					"cat22" => array
					(
						"categoryName" => "Level 2.2"
					),
					"cat23" => array
					(
						"categoryName" => "Level 2.3"
					)
				)
			)
		)
	);

	$answer = array();

	// $keys = explode(";", "items");
	// $keys = explode(";", "items;cat1;items");
	$keys = explode(";", "items;cat1;items;cat13;items");

	$tempArray = $categoryArray;
	foreach($keys as $currentKey)
	{
		$tempArray = $tempArray[$currentKey];
	}
	$keys = implode(";", $keys);

	foreach($tempArray as $currentItemKey => $currentItemVal)
	{
		array_push
		(
			$answer,
			array
			(
				"name" => $currentItemVal["categoryName"],
				"key" => $keys.";".$currentItemKey.";items"
			)
		);
	}

	echo json_encode($answer);

Интересно как вы свой массив с категориями организовали?

[Узаир Ижа]

OVK2015: а я не понял вас... Код понимаю почти.

[OVK2015]

На клиенте: в обработчике ajax:
....
success: function(data)
{
JSON.parse(testData).forEach(function(item)
{
// Добавляете эл-ты текущего уровня в select
JSON.parse(testData).forEach(function(item)
{
console.log('$gt;option value="' + item.name + '" data-nestedLevel="' + item.key + '"$lt;$gt;/option$lt;')
})
})
....
ну и вешает обработчик на change select`а, в кот. передаете этому php скрипту data-nestedLevel выбранного эл-та

Хотя если вы из БД списки тянете,- там еще проще

[Узаир Ижа]

OVK2015: Сможете помочь с документацией или литературой? по данной тематике? Хочу нормально разобраться

[OVK2015]

Узаир Ижа: По какой именно тематике?
В моей задумке всего 2 момента:
1. Хранить пары "ключ вложенности"/"значение элемента"
2. С клиента этот ключ вложенности отправлять на сервер. Серверу выбирать элемент массива, по этому ключу.
И все. Обычная связка php/ajax.
А в БД можно хранить пары полей: первое поле ключ("имя") вложенности, второе json строка с ее элементами и названиями ключей("имен") для них.

[Узаир Ижа]

OVK2015: Я просто json вообще никогда еще не использовал

[OVK2015]

Узаир Ижа: Универсальная штука. В простейшем случае: тот же ассоциативный php`ый массив свернутый в строку для обмена данными

Answer 1

[WQP]

Самый просто способ это сделать через select предварительно подгрузив туда все категории