Архивный блог WEB разработчика

Идеально использовать функцию ajax в jQuery, но я использую готовый вариант: скрипт Autocomplit . Он отправляет GET Запрос на указанный URL. (Get сервис в любом домене) чтобы не работали лишние функции jquery во время работы автокомплита, вставляю в мешающие функции строчку: if (!$(".autocomplete").is(':hidden')) return false; //если на экране есть автокомплит то не выполнять дальше ничего. Почему GET? - Это позволяет располагать сервер ответов на любых доменах, к примеру один сервер ответов тут:  www.mainserver.ru/name/autocomplit.php   обрабатывает все запросы со всех моих сайтов site1.ru, site2.ru, site3.ru.... Сервер ответов должен выводить данные в формате JSON. я пишу на PHP скрипт обработки URL с GET параметрами, выполняю запрос по базе данных, и делаю echo в формате JSON. Сервер ответов у меня в XML, как работать в PHP с XML и XPath можно посмотреть  здесь

при загрузке файла с русскими символами нужно добавить строчку в файл header("Content-Type: text/html; charset=windows-1251"); ?> если использовать функцию load то jquery серверу может передать в любой кодировке (2й параметр), но ответ от сервера зависит от его настроек, можно настроить кодировку по умолчанию в .htaccess

как использует jQuery механизм AJAX описан  на офсайте здесь . несколько пригодившихся из них: загрузка контента страницы: $.ajax({ url: "test.html", context: document.body, success: function(){ $(this).addClass("done"); }}); функция вызываемая при завершении загрузки complete(XMLHttpRequest, textStatus) после success и error callbacks, про события здесь . $.ajax({    beforeSend: function(){    // Handle the beforeSend event    },    complete: function(){    // Handle the complete event    }    // ...... }); Ajax/load : load( url, [data], [callback] ) $(document).ready(function(){   $("#links").load("/Main_Page #jq-p-Getting-Started li"); });

Самая лучшая на сегодня книжка на русском языке, переведенная редакция 2009 года. Издание представляет собой введение и справочное руководство по jQuery - мощной платформе для разработки веб-приложений. Подробно описывается, как выполнять обход документов HTML, обрабатывать события, добавлять поддержку технологии Ajax в свои веб-страницы, воспроизводить анимацию и визуальные эффекты. Уникальные <лабораторные страницы> помогут закрепить изучение каждой новой концепции на практических примерах. Рассмотрены вопросы взаимодействия jQuery с другими инструментами и платформами и методы создания модулей расширения для этой библиотеки.

ready наступает при загрузке документа, а получение данных по аяксу - после (при загрузке документа только отправляется запрос на данные, возвращаются данные позже). по этому нужно следить за аяксом и вставлять функции в функции аякс например так: success: function(answer){ $("#result").html(answer); zebraRows('tbody tr:odd td', 'odd'); } описывалась проблема  здесь

качаем последнюю версию утилиты здесь пишем 3 строчки в head страницы в которую нужно добавить скрипт jQuery. jQuery библиотеки Скрипт ixedit, Стили ixedit стиль примера запускаем страницу (потребуется установить google)