Обновить часть страницы с контентом

@AArturovic · Регистрация: 13.04.2019

Студворк — интернет-сервис помощи студентам

Пишу сайт библиотеки(курсовая)
Извиняюсь если тема повторяются, буду рад ссылкам на эти темы
Есть главная страница main.php , на ней все как обычно, шапка,футер,css
В левой половине буду ссылка на жанр книг с тегом <a>Фантастика<a/>, а с права в списке ul на каждом li будет книга
Хочу при нажатии на ссылку фантастика обновить часть страницы с запросом к БД, чтоб в каждом li обновил книги на жанр фантастики
Правильно я понимаю, что это делается так?

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<a onclick="fync();">Фантастика</a>//в левой половине
<div id="block">// правая половина
 <ul>
     <li>
        <div>
           <img src="$img">
           <p> описание книги<p>
        </div>
      </li>
<li>
        <div>
           <img src="$img2????">
           <p> описание книги<p>
        </div>
      </li>
</ul>
<script type="text/javascript">
  function fync() {
  $("#block").load("file.php", function() {
// здесь запрос к бд? 
});
}; 
</script>

правильно ли, что в file.php , отправляется запрос к бд, откуда берутся данные для книги
$img= запрос к бд;
а как выделить только книги жанра в фантастики? в бд книги разделяются по жанрам
и в списке ul li , если будет больше книг, нужно ведь различать переменную img
Подход правильный или я вообще не туда ушел?

@estic · 16.04.2019, 23:55

Это обычный адрес, так что можно и так: /genre/fantasy.

В общем этот вопрос в меньшей степени касается PHP. Если бы вы делали "шаблонизацию" только серверными средствами, тогда да.

Добавлено через 7 минут

Сообщение от AArturovic

Подход правильный или я вообще не туда ушел?

Может, лучше использовать классический вариант? Т.е. делать серверными средствами, а не с помощью JS/AJAX.

@AArturovic · 17.04.2019, 01:30 **[ТС]**

estic, тогда нужно работать с url, а так как я пишу сайт только на php,js и локальном сервере, то нужно использовать контроллеры и роутинг вместе с чпу, про которые я узнал пару дней назад и я не понимаю как самостоятельно написать их, так как мало опыта в web программировании и в целом программировании
Искал более понятный мне путь

@Jodah · 17.04.2019, 01:54

Сообщение от AArturovic

Подход правильный или я вообще не туда ушел?

Не туда.

Сообщение от AArturovic

не понимаю как самостоятельно написать их

Простой пример.

Создаёте файл .htaccess:

Code
1
2
3
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule .* index.php

Создаёте файл index.php:

PHP
1
2
3
4
5
6
7
8
9
10
11
<?php
$url = $_SERVER['REQUEST_URI'];
 
if($url == '/')
    $file = 'main.php';
elseif($url == '/some/url')
    $file = 'some.php';
else
    $file = 'error.php';
 
require __DIR__ . '/controllers/' . $file;

Создаёте папку controllers с файлами main.php, some.php, error.php.

Готово.

@AArturovic · 17.04.2019, 01:59 **[ТС]**

Jodah, снова вы) спасибо за пример, буду разбираться в этом направлении дальше

@estic · 17.04.2019, 10:31

AArturovic, использование JS описанным способом - это смешение технологий, которое вам как начинающему в конечном итоге доставит дополнительные проблемы. Если вы про используемый мной в качестве примера адрес, то можете писать хоть /genre.php?id=1, хотя даже встроенный в PHP сервер поддерживает перенаправление запросов в "скрипт маршрутизации", причем без "изысков" наподобие необходимости использовать адреса /index.php/my-path.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@AArturovic 0 / 0 / 0 Регистрация: 13.04.2019 Сообщений: 9
	17.04.2019, 01:30 [ТС]
	estic, тогда нужно работать с url, а так как я пишу сайт только на php,js и локальном сервере, то нужно использовать контроллеры и роутинг вместе с чпу, про которые я узнал пару дней назад и я не понимаю как самостоятельно написать их, так как мало опыта в web программировании и в целом программировании Искал более понятный мне путь 0

@AArturovic 0 / 0 / 0 Регистрация: 13.04.2019 Сообщений: 9
	17.04.2019, 01:59 [ТС]
	Jodah, снова вы) спасибо за пример, буду разбираться в этом направлении дальше 0

@estic 1306 / 998 / 232 Регистрация: 01.10.2018 Сообщений: 3,884
	17.04.2019, 10:31
	AArturovic, использование JS описанным способом - это смешение технологий, которое вам как начинающему в конечном итоге доставит дополнительные проблемы. Если вы про используемый мной в качестве примера адрес, то можете писать хоть /genre.php?id=1, хотя даже встроенный в PHP сервер поддерживает перенаправление запросов в "скрипт маршрутизации", причем без "изысков" наподобие необходимости использовать адреса /index.php/my-path. 0