Есть сайт
В зависимости от выбранного пункта левого бокового меню (список категорий товара) меняется правое боковое меню (список характеристик категории товаров) (с помощью технологии ajax). По выбору пунктов правого бокового меню, а именно чекбоксов, отображается список товаров (пустая центральная часть) - с помощью технологии ajax. Подскажите какова структура файлов сайта (html, javascript, php, jquery) и файловая структура. Что должно быть включено в html файл, javascript и php? С одной стороны должно быть как на Обработка выбора чекбокса на сервере, но с другой должно быть как на Формирование текста sql запроса. До некоторых пор я считал правильной логику
<html>
/* Описание элементов интерфейса */
/* Jquery код - обработка щелчков на элементах интерфейса, ajax код */
</html>
<?php
/* Обработка переменных $_POST */
/* Передача ответа клиенту */
?>
но на Формирование текста sql запроса мне написали, что так как я считаю неправильно. Где
/* Описание элементов интерфейса */
<div class="leftmenu">
<ul id="sidemenu">
<li>
<div class="leftside">
<i class="fa fa-home"></i>
</div>
<div class="centerplace">
<a href="" class="nestedblock">Техника для кухни</a>
</div>
<div class="rightside">
<i class="fa fa-home"></i>
</div>
</li>
<li>
<div class="leftside">
<i class="fa fa-home"></i>
</div>
<div class="centerplace">
<a href="" class="nestedblock">Бытовая техника для дома</a>
</div>
<div class="rightside">
<i class="fa fa-home"></i>
</div>
</li>
<li>
<div class="leftside">
<i class="fa fa-home"></i>
</div>
<div class="centerplace">
<a href="" class="nestedblock">Ноутбуки и компьютеры</a>
</div>
<div class="rightside">
<i class="fa fa-home"></i>
</div>
</li>
<li>
<div class="leftside">
<i class="fa fa-home"></i>
</div>
<div class="centerplace">
<a href="" class="nestedblock">Комплектующие</a>
</div>
<div class="rightside">
<i class="fa fa-home"></i>
</div>
</li>
</li>
</ul>
</div>
/* Jquery код - обработка щелчков на элементах интерфейса, ajax код */ <
script >
$('.nestedblock').click(function(event) {
event.preventDefault();
$.ajax({
type: 'POST',
url: 'ajax.php',
data: {
valuemenuitem: $(this).innerText
},
dataType: 'json',
success: function(data) {
console.log(data);
$('.rightmenu').html(data.msg);
}
});
}); <
/script>
$valuemenuitem = @$_POST['valuemenuitem'];
/*
...
Обработка переменных $_POST
Передача ответа клиенту
*/