morontt.info

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-а

g-plus-icon
Теги: ajax jquery
comments powered by Disqus
Учтите, что комментарии добавляются только при включённом JavaScript в браузере. В ином случае информация хоть и не пропадёт бесследно, но будет отправлена в спам и вряд ли хоть кто-нибудь её увидит.
morontt
avatar
На будущее - http://stackoverflow.com/questions/2457032/jquery-validation-change-default-error-message
Ответить
morontt
avatar
Ещё - http://bassistance.de/jquery-plugins/jquery-plugin-validation/
Ответить
morontt
avatar
Конференция - http://2011.symfonycamp.org.ua/venue/
Ответить
Marlie
avatar
That's the thinking of a craeitve mind
Ответить
Smiley
avatar
Just do me a favor and keep writing such trenchnat analyses, OK?
Ответить
smidl
avatar
Элегентно, спасибо, добавлю и себе видимо на блог.
Ответить
morontt
avatar
Добавляй :)
Ответить
7 комментариев Написать что-нибудь
Поля, помеченные asterisk, обязательны для заполнения.
Адрес электронной почты нигде не отображается, необходим только для обратной связи.
Веб-сайт вводите в формате http://example.org, при желании, конечно.