Вывод записей из базы данных через нажатие кнопки

@Krasavchik_13 · Регистрация: 24.01.2024

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

Добрый день уважаемые форумчани!) помогите пож-та с решением вопроса, возможно для вас он будет легким, но мне как начинающему он сложный, собственно сам вопрос:
есть данные в базе и я никак не могу сделать вывод записей из базы данных через кнопку, но чтобы страница не перезагружалась, я понимаю, что нужно использовать ajax + jquery, в интернете очень много подобных тем, но все не то что нужно мне, в общем при нажатии кнопки выводилась запись из базы данных по 1 шт, нажал 1 запись вывелась, далее эту запись нужно сверить с тем что пользователь введет и "если верно" выходит сообщение, "все ок" нажимаем кнопку "окей" выводиться следующая запись из базы данных, если сообщение не верно, то выводиться сообщение "не верно" далее нажимаем кнопку и появляется следующее слово и так далее пока в базе данных есть что выводить.

мой код такой:
----------
главная страница в которой выводиться вся инфа
----------

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE html>
<html lang="en">
 
<head>
    <?php
    require_once "engine/head.php"; // здесь шапка не обращаем внимание
    $newwords = getWords(); // подключение к базе, там идет вывод всех записей
    ?>
    <script>
        $(document).ready(function () {
            $("form").click(function (event) {
                // Останавливаем отправку формы по умолчанию
                event.preventDefault();
 
                /* Сериализуем отправленные значения элемента input */
                var formValues = $(this).serialize();
 
                // Отправляем данные формы, используя POST
                $.post("test10.php", formValues, function (data) { //подключение файла test10 в котором должна выводиться инфа о новых словах и их проверки
                    // Показываем возвращенные данные в браузере
                    $("#res").html(data);
                });
            });
        });
    </script>
    <title>проверка</title>
</head>
 
<body>
 
    <h3>введи слово для проверки</h3><br>
 
    <div id="res"></div>
 
    <form>
        <input type="text" name="message">
        <input type="submit" name="button" value="проверить">
    </form>
 
</body>
 
</html>

---------------
это страница которую подключил в скрипте - test10.php -
---------------

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html lang="en">
 
<head>
 
    <?php
    require_once "engine/head.php";
    $newwords = getWords(); //подключение к базе данных, там идет ввыод всех слов
    ?>
 
    <title>слова</title>
 
</head>
 
<body>
    <?php
    // здесь что то нужно написать чтобы выводились новости по  - $i -  это id из базы
    $word = $newwords[$i]["word"]; // слово из базы перевожу в переменную
   
    echo '<h2>Слово: ' . $word . '</h2><br>';
 
    ?>
 
    <?php
 
    $check_word = htmlspecialchars($_POST["message"]); //передаем слово из поля ввода пользователем
    $btn = htmlspecialchars($_POST["button"]); // передаем нажатие кнопки
 
    if (isset($btn)) {                           //условие при нажатии кнопки
        if ($check_word == $word) {              // проверка слов
            echo "<br><h2>Верно!!!</h2><br>";    // вывод исходя из условия
        } else {
            echo "Не верно <br>";
        }
    }
    ?>
 
</body>
 
</html>

------------------
проблема в том, я не знаю как создать функцию по выводу слов и проверке, вкратце должно быть так, пользователь открыл страницу и перед ним вышло слово, он вводит слово и если он ввел верно, то вышло сообщение с кнопкой, он нажимает кнопку появляется следующее слово и так далее пока имеются записи в базе, записи можно выводить рандомно или по порядку не имеет значение, главное чтобы страница не перезагружалась при этом, помогите пож-та подправьте мой код или предложите свое решение, бьюсь над этим вопросом уже порядка 4 дней, заранее буду очень благодарен любому совету!!!

@Николай_4657 · 26.01.2024, 14:56

Krasavchik_13, В базу не нужно ничего добавлять при ошибке? Если "да" и слов не много, то проще сразу в PHP из таблицы в массив загнать, а дальше JS.

@Krasavchik_13 · 26.01.2024, 16:41 **[ТС]**

У меня если будет ошибка, то модуль в котором подключена база там уже обработчик имеется, если я правильно понял тебя, по поводу массива, у меня данные в массиве содержаться вот здесь:

PHP
1
$newwords = getWords(); // подключение к базе, там идет вывод всех записей

в этом и проблема я не знаю как сделать кнопку через js чтобы выгружались записи по 1шт. напиши пож-та пример дальше думаю смогу разобраться, заранее спасибо.

Новые блоги и статьи Все статьи Все блоги /
Первый деплой lagorue 16.01.2026 Не спеша развернул своё 1ое приложение в kubernetes. А дальше мне интересно создать 1фронтэнд приложения и 2 бэкэнд приложения развернуть 2 деплоя в кубере получится 2 сервиса и что-бы они. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит токи на L и напряжения на C в установ. режимах до и. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .

@Николай_4657 13 / 12 / 2 Регистрация: 06.08.2021 Сообщений: 621
	26.01.2024, 14:56
	Krasavchik_13, В базу не нужно ничего добавлять при ошибке? Если "да" и слов не много, то проще сразу в PHP из таблицы в массив загнать, а дальше JS. 0