jQuery → Ajax
Не прошло и полгода, как технология ajax проникла в мою деятельность :) Здесь, в частности, она применилась к отправке комментариев (не без участия jQuery).
Лучше, конечно, поменьше слов и побольше кода, но читать дальше не советую, так как вряд-ли кто-то увидит здесь что-нибудь новое
jQuery(document).ready(function() { jQuery('#submit').click(function() { var dataForm = jQuery('#CommentForm').serialize(); jQuery.ajax({ url: '/index/addcomment', data: dataForm, type: 'POST', success: function() { jQuery('#comments').load('/topic.php #comments > *'); } }); return false; }); });
Если в двух словах, то по нажатию на кнопку #submit происходит считывание данных формы, которые отправляются методом POST на обработку по указанному URL. После того, как данные были отправлены, происходит перезагрузка содержимого div-а, в котором находятся собственно комментарии. Конструкция с закрывающей треугольной скобкой и звёздочкой служит для того, что бы <div id="comments"> не загрузился внутрь этого же div, т.е. чтобы избежать ситуации, которая отображена ниже.
<div id="comments"> <div id="comments"> ... </div> </div>
return false в конце обработчика события click необходим, что бы форма не отправлялась обычным способом, т.е. без ajax-а
Адрес электронной почты нигде не отображается, необходим только для обратной связи.
Веб-сайт вводите в формате http://example.org, при желании, конечно.