[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Отправка и обработка формы с помощью jquery
Xakep
Добрый день...

jquery начал изучать пару дней назад и по этому возник такой вопрос. У меня есть одна страница на которой находиться форма. На второй странице у меня обработчик данной формы....как с помощью jquery нажав на кнопку чтобы форма отправилась на вторую страничку и там она обработалась но те самым остаться на первой же страничке т.е. где форма.

допустим страница с формой:

<script>
function
get_coments() {
if (new_coment.value=="") {
$(new_coment).effect("highlight", {color: '#ff0000'}, 500);
} else {
document.game_form.submit();
}
}

</script>

<form
action="/includes/add_coment_act.php" method="post" name="game_form">
<table
width="95%" border="0" cellpadding="5" cellspacing="0" class="news_table">
<tr>
<td
align="left" width="20%" valign="top" class="td_news">Коментарий:</td>
<td
align="left" width="80%" valign="top" class="td_news">
<textarea
name="new_coment" maxlength="300" id="new_coment" class="news_text" rows="7" onmouseover="className=\'a_news_text\'" onmouseout="className=\'news_text\'"></textarea></td>
</tr>
<tr>
<td
align="center" valign="top" colspan="2" class="user_td">
<input
type="hidden" name="add_new_coment" />
<input
type="hidden" name="subject" value="games">
<input
type="hidden" name="idi" value="'.$query_view_games['id'].'">
<input
type="button" class="input" value="Добавить" onmouseover="className=\'a_button\'" onmouseout="className=\'input\'" onclick="get_coments();"/>
</td>
</tr>
</table>
</form>



вторая страница (код обработки формы)

<?php
include("configs.php");
@mysql_connect($_DB_HOST,$_DB_USER,$_DB_PASSWORD);
@mysql_select_db($_DB_DATABASE);
$date=date("d.m.y H:i:s");

if (isset($_POST['add_new_coment'])) {
$query = mysql_query("INSERT INTO `coments` (`subject`,`idi`,`text`,`autor`,`date`) VALUES (
'"
.$_POST['subject']."',
'"
.$_POST['idi']."',
'"
.$_POST['new_coment']."',
'"
.$_COOKIE['login']."',
'"
.$date."')") or die (mysql_error());
exit(Header("Location: ".$_SERVER['HTTP_REFERER'].""));
}

?>

заранее спасибо :)




Спустя 6 минут, 38 секунд (23.01.2012 - 15:47) redreem написал(а):

Спустя 16 минут, 24 секунды (23.01.2012 - 16:03) Xakep написал(а):
блин, хотелось бы конечно чтобы на моем коде показали как это реализовать :(

у меня после формы стоит div
<div id="get_coments"></div>


в нем загружаются все коментарии...я бы хотел чтобы при нажатии на submit форма со всеми переменными отправилась на страницу add_coment_act.php, там код запишет запись в БД а в див просто обновоить...и получается что при нажатии на сабмит сразу же появляется новая запись ниже без всяких перенаправлений...

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


Спустя 24 минуты, 8 секунд (23.01.2012 - 16:27) redreem написал(а):
ну типа такого. ошибки сам уж поправь если будут.

<script>
function
get_coments(formEl) {
if (formEl.new_coment.value== '') {
$(formEl.new_coment).effect("highlight", {color: '#ff0000'}, 500);
} else {

var param=$(formEl).serializeArray();

$.post(formEl.action, param, function(data){
$('#get_coments').html(data);
});

}
}

</script>

<form
action="/includes/add_coment_act.php" method="post" name="game_form" onsubmit="get_coments(this);return false">
<table
width="95%" border="0" cellpadding="5" cellspacing="0" class="news_table">
<tr>
<td
align="left" width="20%" valign="top" class="td_news">Коментарий:</td>
<td
align="left" width="80%" valign="top" class="td_news">
<textarea
name="new_coment" maxlength="300" id="new_coment" class="news_text" rows="7" onmouseover="className=\'a_news_text\'" onmouseout="className=\'news_text\'"></textarea></td>
</tr>
<tr>
<td
align="center" valign="top" colspan="2" class="user_td">
<input
type="hidden" name="add_new_coment" />
<input
type="hidden" name="subject" value="games">
<input
type="hidden" name="idi" value="'.$query_view_games['id'].'">
<input
type="submit" class="input" value="Добавить" onmouseover="className=\'a_button\'" onmouseout="className=\'input\'"/>
</td>
</tr>
</table>
</form>

Спустя 9 дней, 22 часа, 54 минуты, 5 секунд (3.02.2012 - 15:21) Xakep написал(а):
Спасибо большое smile.gif
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.