Получить данные из БД без перезагрузки страницы через Ajax

@MixanMM · Регистрация: 02.02.2021

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

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

PHP
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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<html>
    <head>
    <title>GetPas</title>
    
     <link rel="shortcut icon" href="https://www.cyberforum.ru/images/favicon.ico" type="image/x-icon">
     <link rel="icon” href="https://www.cyberforum.ru/images/favicon.ico" type="image/x-icon">.
    <style type="text/css">
            html, body {
                height : 100%;
                width : 100%;
                overflow : hidden;
            }
            .wrapper {
                height : 100%;
                width : 100%;
                padding: 20px;
            }
            .content {
                height : 100%;
                width : 100%;
            }
            body {
              font: 12px/22px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
              background: #B0C4DE;
            }
        </style>
    <script src="js/jquery-3.3.1.js"></script>  
    </head>
    <body>
                 <script> 
                 $('#submit').click(function(){
                   $.ajax({ 
                         type: "POST",
                         url: "check.php",
                         data: $('#form_1').serialize(),
                         success: function(response) {
                            $('#results').html(response);
                         }
                   })
                });
                </script>
             <div class="wrapper">
                <div class="content" align="center">
                
                <div>
                    <form id="form_1" method="post">
                        <h2 class="loginTitle">Поиск пароля</h2>
                        <div>
                            <div id="results"> </div>
                            <input id="login" name="login" type="text" required  placeholder="Логин">
                        </div>
                        <div>
                            <input id="salt" name="salt" type="text" required placeholder="Ключ">
                        </div>
                            <input id="submit" name="submit" type="button" value="Найти">                          
                    </form>
                    </div>
 
                    <form action="reg.php"  method="POST">
                        <h2 class="loginTitle">Добавить нового</h2>
                        <div>
                            <input name="login" type="text" required placeholder="Логин">
                        </div>
                        <div>
                            <input name="password" type="text" required placeholder="Пароль">
                        </div>
                        <div>
                            <input name="submit" type="submit" value="Зарегистрировать">
                        </div>
                    </form>
 
                    <form action="ref.php"  method="POST">
                        <h2 class="loginTitle">Обновить</h2>
                        <div>
                            <input name="login" type="text" required placeholder="Логин">
                        </div>
                        <div>
                            <input name="password" type="text" required placeholder="Пароль">
                        </div>
                        <div>
                            <input name="submit" type="submit" value="Обновить">
                        </div>
                    </form>
                    
            </div>
        </div>
    </body>
</html>

@Zvo · 29.07.2022, 11:10

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

Т.е при нажатии кнопки - совсем никакой реакции

JS-скрипт перенести вниз страницы.

@MixanMM · 29.07.2022, 13:38 **[ТС]**

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

JS-скрипт перенести вниз страницы.

Результат тот же ((. Надеюсь вы не как в том анекдоте : "... Эх, а у меня было ещё столько идей"

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

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

JS-скрипт перенести вниз страницы

Спасибо, заработало!

Новые блоги и статьи Все статьи Все блоги /
Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm) 8Observer8 30.01.2026 Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .	Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .

Получить данные из БД без перезагрузки страницы через Ajax

Решение