0

Есть сайт

введите сюда описание изображения

В зависимости от выбранного пункта левого бокового меню (список категорий товара) меняется правое боковое меню (список характеристик категории товаров) (с помощью технологии 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
     Передача ответа клиенту 
*/

11
  • Нам надо вам архитектуру придумать? Commented 15 мар. 2021 в 16:04
  • @mepihindeveloper я просто плохо понял разделение кода в ru.stackoverflow.com/questions/1256152/…. ru.stackoverflow.com/questions/1256215/…
    – user434059
    Commented 15 мар. 2021 в 16:09
  • @mepihindeveloper особенно не понятно как устроены файлы, задействованные в ajax?
    – user434059
    Commented 15 мар. 2021 в 16:17
  • @mepihindeveloper я уточнил вопрос.
    – user434059
    Commented 16 мар. 2021 в 7:57
  • В РНР файлах которые обрабатывают аякс запросы, просто не должно быть никакого HTML кода. Вот и всё, если в этом вопрос. Commented 16 мар. 2021 в 10:46

0

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.