Сегодня мы научимся работать с формами с помощью технологии Ajax. Я рекомендую пользоваться всегда двумя скриптами, это библиотека jQuery и вспомогательный плагин jQuery.Form.

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

И так, для начала создадим форму:

<form id="sendform" action="comment.php" method="post">
 Имя: <input name="name" type="text" />
 Комментарий: <textarea name="comment"></textarea>
 <input type="submit" value="Отправить комментарий" />
</form>

Мы написали самую простую форму, в ней два поля и кнопка отправить. Заметьте, также что мы указали id формы, который равен sendform.

Как вы видите, форма отсылает данные скрипту comment.php, по сути дела эта форма вполне выполняет свои обязанности в среде PHP.

Теперь добавим немного AJAX. Найдите то место, где у вас секция head и добавьте туда такой код

<script src="ВАШ_ПУТЬ/jquery.js" type="text/javascript"></script>
<script src="ВАШ_ПУТЬ/form.js" type="text/javascript"></script><script type="text/javascript">// <![CDATA[
 
 // Ждем когда загрузится страница
 $(document).ready(function() { 
 // присваиваем id формы
 $('#sendform').ajaxForm(function() { 
 alert("Спасибо за Ваш комментарий!"); 
 }); 
 }); 
 
// ]]></script>

Если все сделано правильно и скрипты подгружены то при отправке вы получите алерт с надписью, а скрипту comment.php отправятся данные формы. Вот так вот все просто.

(Visited 438 times, 1 visits today)