как при сабмите формы остаться на текущей странице?

@krasnov8953 · Регистрация: 06.08.2015

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

На странице есть скрипт который отправляет форму гостевой книги и выводит сообщения без перезагрузки

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
28
29
30
<script>
function show_messages(Page)
{
$.ajax({
url: "show.php?page=" + Page,
success: function(data){
$(".messages").html(data);
}
});
}
 
$(document).ready(function(){ 
show_messages();
$("#form").submit(function(){
var name = $("#name").val();
var email = $("#email").val();
var msg = $("#message").val();
$.ajax({
type: "POST",
url: "action.php",
data: "username="+name+"&email="+email+"&msg="+msg+"&action=add",
success: function(msg){
show_messages();
} 
});
$("#name,#email,#message").val(''); 
return false; 
});
});
</script>

файл show.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
<?php
include ("dbconnect.php");
$show_messages=5;
$page=$_GET['page'];
$count_messages=mysql_query("SELECT COUNT(*) FROM gb");
$messages=mysql_result($count_messages,0);
$total_pages = intval(($messages - 1) / $show_messages) + 1;
$page = intval($page);
if(empty($page) or $page < 0) $page = 1; 
if($page > $total_pages) $page = $total_pages;
$start = $page * $show_messages - $show_messages;
 
$c=0;
$r=mysql_query ("SELECT * FROM gb ORDER BY id DESC LIMIT $start,$show_messages"); 
while ($row=mysql_fetch_array($r))
{
?>
<div class="guestbook_item">
<div id="guestbook_name"><?php echo $row['username']; ?></div>
<div id="guestbook_email"><?php echo $row['email']; ?></div>
<div id="guestbook_message"><?php echo $row['msg']; ?></div>
</div>
<?php
$c++;
}
if ($c==0)
echo "Гостевая книга пуста!<br>";
?>
<?
echo "<div id='gb_pagination'>";
for($p=1;$p<=$total_pages;$p++) {
if($p==$page){
echo '<b>'.$p.'</b>';
}else{ ?>
<a href="gb.php?page='<?= $p ?>'" onclick="show_messages(<?= $p ?>); return false;" ><?= $p ?></a>
<? 
}}
 
echo "</div>"; ?>

Вопрос как при сабмите формы остаться на текущей странице чтобы не перекидывало на первую????

@paskalnikita · 27.08.2015, 21:44

а что вам мешает сделать форму и обработчик на одинаковой странице?

@Jodah · 27.08.2015, 22:01

А где сама форма с submit'ом?

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

JavaScript
1
2
3
4
5
$("#form").submit(function(){
var name = $("#name").val();
var email = $("#email").val();
var msg = $("#message").val();
$.ajax({

Если вы в любом случае получаете все значения через .val(), зачем вам вообще форма? Сделайте кнопку из тега button или div, и на неё повесьте onclick, отправляющий ajax-запрос.

@krasnov8953 · 27.08.2015, 23:09 **[ТС]**

форма с сабмитом на странице со скриптом находится, выглядит так

HTML5
1
2
3
4
5
6
7
8
9
<form id="form">
                                <p>Введите ваше имя:<span>*</span>
                                <input id="name" name="username" required pattern="^[А-яа-яa-zA-Z]+$" maxlength="60"></p>
                                <p>Введите Ваш Email:<span>*</span>
                                <input id="email" name="email" type="email" pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" required maxlength="60"></p>
                                Введите Ваше Сообщение:<span>*</span>
                                <textarea id="message" name="msg" cols="57" rows="5" required maxlength="1000"></textarea>
                                <input id="submit" type="button" value="Отправить" >
                    </form>

и что если я уберу форму реально поможет? мне кажется все соль в скрипте заложена...

Добавлено через 21 минуту
Это не получится из за этого <script>

JavaScript
1
2
3
4
5
6
7
8
9
function show_messages(Page)
{
$.ajax({
url: "show.php?page=" + Page,
success: function(data){
$(".messages").html(data);
}
});
}

получится что страница вставит саму в себя и будет пипец!

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки 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. На борту пять. . .	Камера 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. Пошагово создадим проект для загрузки изображения. . .

@paskalnikita 86 / 86 / 30 Регистрация: 12.08.2014 Сообщений: 1,129
	27.08.2015, 21:44
	а что вам мешает сделать форму и обработчик на одинаковой странице? 0