При выполнении $.ajax перезагружается страница

@utopia · Регистрация: 24.01.2013

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

Подскажите пажалуйста почему перезагружается страница? Мысль такая что результат запроса добавляется в <div id="eg_err"></div>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function registr()
{
    var data = $("#regForm").serialize()
 
    $.ajax({
        type: "POST",
        url: "register_user.php",
        data: data,
        success: callback
        });
}
 
function callback(response){
        $("div #reg_err").append(response);
}

@Mullih · 24.01.2013, 18:32

займусь ясновидением

ваша функция вызывается на сабмите

т.е. все выглядит так

JavaScript
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
jQuery(function($){
 $("#regForm").submit(registr);
 
// а далжно быть так
 
 $("#regForm").submit(function(e){
  e.preventDefault();
  registr();
 });
 
})
 
function registr()
{
    var data = $("#regForm").serialize()
 
    $.ajax({
        type: "POST",
        url: "register_user.php",
        data: data,
        success: callback
        });
}
 
function callback(response){
        $("div #reg_err").append(response);
}

PS если я угадал с вас репутация благодарности))

@utopia · 24.01.2013, 18:38 **[ТС]**

Вот сама форма

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<form id="regForm">
<p>
    <label>Ваш логин:<br></label>
    <input id="login" name="login" type="text" size="15" maxlength="15">
</p>
<p>
    <label>Ваш e-mail:<br></label>
    <input id="email" name="email" type="text" size="15" maxlength="15">
</p>
<p>
    <label>Ваш пароль:<br></label>
    <input id="password" name="password" type="password" size="15" maxlength="15">
</p>
<p>
    <input type="submit" name="submit" value="Зарегистрироваться">
</p>
</form>
<div id="reg_err"></div>

Добавил, то что вы написали, всё равно обновляется(

@Dolphin · 24.01.2013, 18:58

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

HTML5
1
<input type="submit" name="submit" value="Зарегистрироваться">

HTML5
1
<input type="button" name="submit" value="Зарегистрироваться" onclick="registr()" />

@utopia · 24.01.2013, 19:19 **[ТС]**

Всем спасибо! Вопрос решён!

@Mullih · 24.01.2013, 19:32

вот вам рабочий вариант и пару коментариев по нем

HTML5
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page</title>
    <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.js"></script>
    <script type="text/javascript">
 
        jQuery(function ($) {
            $("#regForm").submit(function (e) {
                e.preventDefault();
                registr();
            });
 
        })
 
        function registr() {
            var data = $("#regForm").serialize()
 
            $.ajax({
                type: "POST",
                url: "index2.html", //"register_user.php",
                data: data,
                dataType: 'html', //на всякий добавил тип ожидаемых данных
                success: callback
            });
        }
 
        function callback(response) {
            $("#reg_err").append(response);
        }
    </script>
</head>
<body>
    <form id="regForm">
    <p>
        <label>
            Ваш логин:<br>
        </label>
        <input id="login" name="login" type="text" size="15" maxlength="15">
    </p>
    <p>
        <label>
            Ваш e-mail:<br>
        </label>
        <input id="email" name="email" type="text" size="15" maxlength="15">
    </p>
    <p>
        <label>
            Ваш пароль:<br>
        </label>
        <input id="password" name="password" type="password" size="15" maxlength="15">
    </p>
    <p>
        <input type="submit" name="submit" value="Зарегистрироваться">
    </p>
    </form>
    <div id="reg_err">
    </div>
</body>
</html>

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

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

HTML5
1
<input type="button" name="submit" value="Зарегистрироваться" onclick="registr()" />

а вот так как раз писать очень плохо. особенно если вы работаете с DOM 0, а уж тем более работаете с jquery

это очень bad practice

@Dolphin · 24.01.2013, 19:47

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

а вот так как раз писать очень плохо. особенно если вы работаете с DOM 0, а уж тем более работаете с jquery

чем интересно? Приведите пример

@Mullih · 24.01.2013, 23:49

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

чем интересно? Приведите пример

например разделением представления от логики фронт энда, что улучшает поддержку кода и уменьшает время на внесение изменений

также делает html код чище

локализация кода в отдельных файлах что приводит к уменьшению размера отдаваемого файла сервером, что в свою очередь приводит к уменьшению нагрузки на сервер

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

ну и конечно идеология правильного построения архитектуры

Если вы с чемто не согласны, было бы отлично если бы аргументировали ваше мнение по не согласному пункту

Новые блоги и статьи Все статьи Все блоги /
Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Символьное дифференцирование igorrr37 13.02.2026 / * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

@utopia 2 / 2 / 1 Регистрация: 24.01.2013 Сообщений: 80
	24.01.2013, 19:19 [ТС]
	Всем спасибо! Вопрос решён! 0