jQuery для самых маленьких или динамическая загрузка страниц (AJAX)

    В один прекрасный день понадобилось мне сделать динамическую загрузку из базы. До этого я ничего подобного не делал и не интересовался этим вопросом. Я начал искать информацию на эту тему. Нашёл, что нужная мне задача делается при помощи AJAX.

    Перерыл очень много различных фреймворков и остановил свой выбор на ныне популярном jQuery. Всё бы хорошо, но принципа работы я сразу не понял, и сходу сделать простую задачу, аля загрузить одну страницу в другую, я не смог. Искал в интернете хоть какую-то помощь. Помог офф. сайт, благо там доков хватает. И вот, разобравшись в этом вопросе, решил сделать небольшой примерчик для «самых маленьких» (для новичков), которые никогда не работали с этой библиотекой.

    Для профессионалов он (пример) покажется смешным и простым, но для людей, не имеющим представления что и как и почему — он поможет. Пример снабжен комментариями в коде. В нём показано как загрузить одну страницу в другую, не перезагружая первую, так же немножко прошёлся по базовым основам классов.

    Скачать пример можно вот тут
    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More
    Ads

    Comments 21

      0
      Вы забыли привести страницу кода с использованием prototype,
      и ниже тотже пример в две строчки на jQuery )
      обычно это содержат все упоминания о сабже )
        +1
        значит я решил не быть "как обычно" :) Не вижу необходимости, и так понятно, что на jQuery это делается проще :)
        0
        Ох, и это всё делает такое нереальное количество кода?..
          0
          скажите как сделать с меньшим количеством кода ;)
            +1
            Я не знаю. Просто удивилась…
              0
              а, извините :) Просто я не правильно Вас понял, воспринял как критику и заинтересовался, как можно уменьшить объем кода :) В принципе, уменьшать его уже некуда. :)
            0
            Это БИБЛИОТЕКА. Естественно это не скрипт который заставляет одну страницу в другой показать. Это собрание ПРАВИЛ дополнительных.

            А потом, путем дописывания условий можно достичь потрясающих штук.

            Можно, кстати эту библиотеку сжать до 22кб :)
            0
            Обьясните заставить работать mootols.. пожалуйста.. кто может.. хоть в личку скиньте.. по пунктам.. буду до гроба благодарен!
              0
              а что вам собственно нужно от mootols? :)
              0
              http://dmitriid.com/jquery/jQuery-RSDN.html
              довольно хорошая статья с примерами
                0
                кстати именно этот товарисч, dmitriid, помогал мне разбираться с jQuery :)
                0
                спасибо.
                хорошая вещь - AJAX - но я в нём как в лесу густом, а пора бы уже и приобщиться...
                с вашей помощью мы прорвёмся в нужном направлении! )))
                  0
                  Спасибо, будем разбираться ) До недавнего времени юзал xAjax но сейчас хочется чего-то посложнее )
                    0
                    xAjax хорош и прост для обработки форм и т.д.
                    с помощью JQuery можно такие спецэффекты делать, что просто "ВАУ" :)
                    смотреть статьи с примерами тут: http://www.linkexchanger.su/category/jqu…
                      0
                      Спасибо за линк, добавил в закладки! А вообще да, я сейчас пользуюс и xAjax и jQuery эффект классный )
                    0
                    Не подскажите, как сделать что-бы ссылки бы в части, которая не изменяется?
                      0
                      бы=были
                        0
                        какие ссылки?
                          0
                          В примере.
                          Тоесть сделать замену фреймам.
                            0
                            не совсем понял поставленную задачу :)
                        0
                        Пробовал научиться такому же, только с адобовским Spry, возможности у него в принципе достаточные, а вот русскоязычной информации по нему мало.
                        Вообще, оттуда только эффект для галлерей понравился, а так нужно что-то более популярное.

                        Only users with full accounts can post comments. Log in, please.