Асинхронный вывод содержимого БД

@SorryItsMyBad · Регистрация: 11.02.2017

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

Доброго времени суток. Мне нужно сделать вывод содержимого таблицы из бд (Автор+комментарий) без перезагрузки страницы.(С перезагрузкой выводит без проблем).

PHP
1
2
3
4
5
6
$stramount1=mysql_query("SELECT * FROM comments$comid ;");
$num_result1 = mysql_num_rows($stramount1); //Подсчет количества полученных строк
for ($j = 0; $j<$num_result1; $j++) { //Вывод ссылок
$msgs1 = mysql_fetch_array($stramount1);
echo '<div ><div align ="center"  class="f2"><strong>'.$msgs1["aut"].'</strong><div>'.$msgs1["comm"].'</div></div></div>';
}

У меня имеется Ajax jquery запрос, который успешно записывает значения из формы в БД.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$(document).ready(function() {
  $("#submit").click(function() {
   var autor = $("#a").val();
   var comment = $("#b").val();
   var pageid = $("#c").val();
   
   $.ajax({
    url: "newcommenthead.php",
    type: "post",
    dataType: "text",
    data: ("autor="+autor+"&comment="+comment+"&datid="+pageid),
    success: function(data){
    
    }
    });
   });
});

И так вопрос. Я нулевой в JS и Ajax в частности, и никак не могу понять каким образом мне настроить скрипт, чтобы выводило не только текущее отосланое значение(это было), а все комментарии из БД.

Как я понял мне нужно сделать Ajax запрос, где обработчик - код.php, вытаскивает значения из БД. Далее, скрипт передает их через <div> на основную страницу. Но боюсь я решительно не понимаю КАК мне это сделать. Был бы очень благодарен за посильную помощь. ( Самый лучший вариант-тривиальный пример на пальцах, с комментариями.)
Заранее всем спасибо.

@fanatikus · 12.02.2017, 11:22

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

Ajax jquery запрос, который успешно записывает значения из формы в БД.

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

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
        <script>
            $(function () {
                $("#show_comment").click(function () {
                    $.ajax({
                        url: "newcommenthead.php",
                        type: "post",
                        data: 'comment=all',
                        success: function (data) {
                            $('#res_comment').show();//отображаем блок
                            $('#res_comment').html(data);//добавляем в блок донные пришедшие с сервера
                        }
                    });
                });
            });
        </script>
        <button id="show_comment">Показать все комментарии</button>
        <div id="res_comment"></div><!-- блок для вывода комментов, изначально скрыт(display:none)-->

обработчик - newcommenthead.php

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
        if (isset($_POST['comment']) && $_POST['comment'] = 'all') {
            // достаем из базы все комменты и формуриум вывод
            $result = mysqli_query($link, 'SELECT * FROM comments');
            if ($result) {
                $html = '';
                while ($row = mysqli_fetch_assoc($result)) {
                    $html .= '<div align ="center"  class="f2">';
                    $html .= '<strong>' . $row["aut"] . '</strong>';
                    $html .= '<div>' . $row["comm"] . '</div>';
                    $html .= '</div>';
                }
                if (!empty($html)) {
                    echo $html;
                } else {
                    echo 'нет комментов';
                }
            }
        }

@SorryItsMyBad · 12.02.2017, 13:56 **[ТС]**

Ну про Ajax я понял, просто сформулировал мысль не правильно. Но за код спасибо, сейчас буду разбираться( А то от отчаяния уже думал в Json залезать как то)

Добавлено через 4 минуты
Не до конца объянсил =). мой newcommenthead.php - это запись переданной через ajax информации в БД. А ваш код я как понимаю исключительно для выборки из таблицы? Т.е. стоит подключать его как отдельный скрипт ?

Добавлено через 38 минут
Шла 30 минута отладки. Внезапно понял что я в своем коде везде использую sql ,а у вас sqli

@fanatikus · 12.02.2017, 17:41

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

А то от отчаяния уже думал в Json залезать

можно и json. данные с сервера передать в json формате, а на клиенте уже формировать вывод

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

А ваш код я как понимаю исключительно для выборки из таблицы?

ну да. выбираем все комменты, формируем html и отдаем на клиент

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

Т.е. стоит подключать его как отдельный скрипт ?

как вам удобно. код сработает если будет $_POST['comment'] и $_POST['comment'] == all

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

if (isset($_POST['comment']) && $_POST['comment'] = 'all') {

если поместить мой код в файл с вашим кодом, тогда поместите свой код в if с определенным условием выполнения.

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

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

использую sql ,а у вас sqli

расширение mysql объявлено устаревшим. забудьте его.

Новые блоги и статьи Все статьи Все блоги /
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(), которая. . .

@SorryItsMyBad 0 / 0 / 0 Регистрация: 11.02.2017 Сообщений: 4
	12.02.2017, 13:56 [ТС]
	Ну про Ajax я понял, просто сформулировал мысль не правильно. Но за код спасибо, сейчас буду разбираться( А то от отчаяния уже думал в Json залезать как то) Добавлено через 4 минуты Не до конца объянсил =). мой newcommenthead.php - это запись переданной через ajax информации в БД. А ваш код я как понимаю исключительно для выборки из таблицы? Т.е. стоит подключать его как отдельный скрипт ? Добавлено через 38 минут Шла 30 минута отладки. Внезапно понял что я в своем коде везде использую sql ,а у вас sqli 0

Асинхронный вывод содержимого БД

Решение