Как лучше сделать?

Question

[Galdar Turin]

есть вот скрипт на juery, хочу чтобы при нажатии на ссылки, подгружались определённые данные, читал, смотрел как это сделать правильно через ajax, чёт вообще ни чё не нашёл, были подключения через БД или открытия скрытых строк.
В моём случае присутствует php точнее определённые файлы с контентом

$(function($){

    $('#cab_doc').on('click',function(){
        $('#contents').html(
            '<div id="documenter_content" class="method-area-wrapper"> <section id="documenter-1" class="method decripts_search"><?php include_once"component/descrip_api.php"; ?></section><section id="documenter-2" class="method"><?php include_once"component/parameter_reference.php"; ?></section><section id="documenter-3" class="method"><?php include_once"component/server_response.php"; ?></section><section id="documenter-4" class="method"><div class="method-area"><div class="method-copy"><div class="method-copy-padding"></div></div><div class="method-example"><?php include_once"component/code_get.php"; ?></div></div></section></div>'
        );
    });

});

<nav>
								<ul class="dx-nav-0">

									<li class="dx-nav-0-item dx-nav-active">
										<a id="api_doc" class="dx-nav-0-link">текст</a>
									</li>

									<li class="dx-nav-0-item">
										<a id="cab_doc" class="dx-nav-0-link">текст</a>
									</li>

									<li class="dx-nav-0-item">
										<a id="help" class="dx-nav-0-link">текст</a>
									</li>

								</ul>
							</nav>

из-за присутствия php подключения jquery не работает

Comments

[alex]

что мешает генерировать разметку на сервере и присылать ее в ответе?

[Galdar Turin]

Alex, ну кстати да, как вариант

Answer 1

[Игорь]

Да простят меня за такой ответ.
Допустим твоя страница /test - на ней ты выводишь свой ''
ты можешь рендерить скрытый контент так и через $.ajax делать запрос на эту же страницу с get параметром 'show_something', через jquery находить нужный блок и добавлять его куда тебе угодно.

<?if ($_GET['show_something']) {?>
<div id="documenter_content" class="method-area-wrapper">
  <section id="documenter-1" class="method decripts_search">
    <?php include_once"component/descrip_api.php"; ?>
  </section>
  <section id="documenter-2" class="method">
    <?php include_once"component/parameter_reference.php"; ?>
  </section>
  <section id="documenter-3" class="method">
    <?php include_once"component/server_response.php"; ?>
  </section>
  <section id="documenter-4" class="method">
    <div class="method-area">
      <div class="method-copy">
        <div class="method-copy-padding"></div>
      </div>
      <div class="method-example">
        <?php include_once"component/code_get.php"; ?>
      </div>
    </div>
  </section>
</div>
<?}?>

на PHP давно не писал, так что мог допустить ошибки

Comments

[Galdar Turin]

Игорь, Хотелось бы прояснить.
Вот значит у меня 3 блока, эти 3 блока - это 3 разных страницы. Подгрузка каждой из них зависит от выбранного пункта (нажатой ссылки). Если есть ссылка где описано как именно это реализовать, буду благодарен, пока я не сильно понимаю как работает ajax

[Игорь]

Варианты:
1. Тебе нужны роуты(если не знаешь про роуты, надо надо гуглить, это основы)
На каждом роуте у тебя будет отображаться твоя информация.
2. У тебя может быть 1 роут специально для твоего случая, в котором ты будешь отдавать нужный url.
тут уже решаешь сам

ajax - это возможность без перезагрузки сделать запрос на твой домен и получить html. JQuery его распарсит и даст возможность находить нужные блоки и добавлять куда тебе нужно.

При клике на нужный тебе блок ты будешь осуществлять ajax запрос(get запрос) - получать html и что-то с ним сделать.

Если ты чистый бекендер или начинающий то работая с вебом для полной картины тебе желательно понимать как работает фронт, поэтому стоит изучить этот вопрос)

Сделать ajax запрос

[Galdar Turin]

Игорь, спасибо за полный ответ!
Я разобрался в ajax, он не совсем так работал как я хотел)))
Я в действительности по большей части работаю с бекендом, с фронтом проблемки есть явные)))
В итоге сделал как хотел, ну что-то подобное! Про роуты прочитаю!