This version of the page http://ouch.kiev.ua/tag/lesson (0.0.0.0) stored by archive.org.ua. It represents a snapshot of the page as of 2008-05-01. The original page over time could change.
Подробно » lesson Подробно » lesson


  • Странички

    • About
    • Blogroll
    • Обещаный подарок
    • Фото
  • Календарь

    May 2008
    M T W T F S S
    « Apr    
     1234
    567891011
    12131415161718
    19202122232425
    262728293031  
  • Categories

    • ajax
    • browse
    • cake-php
    • jQuery
    • mindmaps
    • Palm
    • web
    • wordpress
    • дайвинг
    • коротко
    • литература
    • музыка
    • наука
    • плагины
    • политика
    • программирование
    • психология
    • путешествия
    • разное
    • реклама
    • техника
    • транспорт
    • фильмы
    • фото
    • юмор
  • Архив

    • April 2008
    • March 2008
    • February 2008
    • January 2008
    • December 2007
    • November 2007
    • October 2007
    • September 2007
    • August 2007
    • July 2007
    • June 2007
    • May 2007
    • April 2007
    • March 2007
    • February 2007
    • January 2007
    • December 2006
    • November 2006
    • October 2006
    • September 2006
    • August 2006
    • July 2006
    • June 2006
    • May 2006
    • April 2006
    • March 2006
    • February 2006
    • January 2006
    • December 2005
    • November 2005
    • October 2005
    • September 2005
    • August 2005
    • July 2005
    • June 2005
    • May 2005
    • April 2005
    • March 2005

jQuery: ajax, wait

Что-то давненько я не писал про jQuery лёгкие уроки, по лёгкому фреймворку.

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

Есть некий урл, который обрабатывает условный запрос. В примере - там просто цикл, большой цикл, который создаёт видимость “задумчивости” сервера. В жизни - там будут выполнятся некие запросы в базу данных, вычисления и т.п.

Итак, код, который пишется для jQuery:


$ (). ajaxStart( function () { $("#waiter").show();});

$ (). ajaxStop( function () { $("#waiter").hide();});

$ ("#clickme").click( function() { $ . post("http://ouch.kiev.ua/examples/les12.php", {"name" : "8"}); });

ajaxStart/ajaxStop - функции, которые срабатывают, ежели на страничке начинает работать ajax-запрос. Т.е. можно сделать универсальное отображение “подождите”, для любого запроса.

click - всё просто. Жмём на ссылочку, инициируем post-запрос с неким параметром name. Любуемся анимированным гифчиком. Когда “запрос” завершается. Анимация исчезает.

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

Пример 12

Отмечу,что ajaxStart/Stop может содержать и более хитрый функционал, чем показ-прятание какой-либо картинки… Enjoy!


2 Comments »
Subscribe to the comments for this post
Posted on : Apr 22 2008
Tags: ajax, jQuery, lesson
Posted under ajax, jQuery, разное |
  • Облако тегов

    АТС Воля-кабель ЖЕК КВН НГУ Укртелеком банки блог газета город интернет клиент клиенты код комментаторы кошка курбоб мер мобильная связь мошенничество напряжение непонятное организация времени поддержка политика продажность работа сервис такси тарифы тема траффик услуги флейм юмор Alcatel apple DDOS Google GTD iPhone url wordpress WYSIWYG youtube
  • Свежие комментарии

    • MyCode on jQuery: ajax, wait
    • 4m@t!c on Напряжение в сети. Служба Черновецкого
    • Влад on Эти забавные хостеры
    • Путник on Эти забавные хостеры
    • Mourner on Эти забавные хостеры
  • Счёты