Как то приводил пример про отправку данных формы с помощью .each. С помощью .serialize это делается изящней, например конструкция:

$(”#formID”).serialize();

содержит набор данных всех полей формы. Главное условие к коду формы:

- наличие аттрибутов id и name в самом теге <form>;

- наличие аттрибутов id и name в полях формы;

- аттрибуты id и name лучше делать уникальными.

Вот так примерно можно отправить данные на сервер:

function sendContactMail(){

var str=’ajax=send_contact_mail&’+$(”#formID”).serialize();

$.post(’backend.php’,str,responseForms,’json’);

}

Делаем правильные обработчики!

Рубрика: Programming

Теги: , ,

Всем, кому когда-либо доводилось разрабатывать сложные формы, с заранее неизвестным количеством полей (элементов), либо ряд похожих форм с незначительными отличиями, задавался вопросом, как таки автоматизировать передачу данных скрипту-обработчику. Речь пойдет о следующей модели формы:

форма -> AJAX запрос -> backend -> событие

Чем таки отличается такая модель от классической, когда происходит сабмит формы, данные обрабатываются тем же скриптом, что осуществляет вывод формы? Навскидку: в случае неверно заполненной формы, в первом случае не происходит перезагрузка окна браузера, выводится сообщение в браузер (я использую модальные окна для юзерской части), ну и введенные данные остаются в форме, что достаточно быстро позволяет исправить ошибки и инициировать отправку данных снова.

Читать полностью

Рубрика: Programming

Теги: , ,

Каждый кто занимался разработкой интерфейсов (админок, форм), знает как порой нужно на лету изменять поведение элемента управления, будь то выпадающий список или чекбокс. Так вот собственно для этого на стороне пользователя и существует AJAX и старый добрый Java Script. Довольно древняя технология, получившая популярность в последние пару лет благодаря новому веянию, такому как Web 2.0. Не буду вдаваться в подробности, их можно узнать перейдя по ссылке.

Исходя из собственного опыта, впервые столкнулся и стал применять аякс, воспользовавшись библиотекой Дмитрия Котерова, JsHttpRequest. По сути штука неплохая, учитывая что Котеров довольно сильно разжевал как обращаться с этим инструментом.

Однако, приходилось писать довольно длиные JS конструкции, которые не всегда кроссбраузерно работали, ну и на стороне сервера требовалось инклюдить php-часть библиотеки. Хотелось найти чтото универсальное, емкое, не задумываться о кроссбраузерности, писать конструкции на лету.

Это решение - фреймворк Jquery, соединяющий в себе библиотеку AJAX и по сути замену JS. Итак, взяв на вооружение сей инструмент, вы получаете взамен:

  • отказ от длиных конструкций JS, вроде document.getElementById(”select_list”).innerHTML
  • кроссбраузерность
  • возможность менять CSS документа налету, пример $(’#id’).css(’color’,'black’)
  • библиотеку AJAX
  • огромное количестве плагинов к Jquery, реализующих совершенно разные возможности

Все что нужно для использования Jquery, так это скачать библиотеку с официального сайта: http://jquery.com/. Существуют несколько разновидностей библиотек, отличающихся размером (в kb), и сжатием исходника. Пробовал разные, не ощутил особой разницы, поэтому рекомендую качать библиотеку с наименьшим размером файла.

Полезные ссылки:

http://blog.termit.name/jquery/ : ссылки на статьи, полезные ресурсы о Jquery

http://www.rsdn.ru/article/inet/jQuery.xml : эта статья очень полезна для начинающих

http://visualjquery.ru/ – документация по jQuery в удобном виде

Рубрика: Programming

Теги: , , ,