Sunday, May 06, 2012

Песочница для отладки Ajax запросов на jQuery

В рамках знакомства с jQuery я давно хотел руками написать простой клиентский обработчик Ajax ответа, содержащий JSON. А то нами уже реализовано море серверной логики, которая взаимодействует с клиентом по REST/JSON, а что происходит на клиенте непонятно :). Вот что получилось:

Прежде всего создал веб проект для Maven на Jetty 8.1.3.v20120416:


Далее положил примерчик JSON в виде текстового файлика testdata.txt в папку webapp/resources:
{
"Player1":[1,4]
}


Далее создал index.jsp в корне webapp:

Что здесь интересного
1. Функция jQuery ajax - описание здесь
2. Структура $(document).ready(function...) - определяем функцию, которая вызовется после загрузки странички
3. $("input").click(function...) - определяем действие по клику на кнопочку.

Самые пригодившиеся мне материалы для изучения 18-ти минутный туториал по jQuery. Не пожалел потраченных 18-ти минут аж никак :)
jQuery для начинающих по-русски. Хорошо, что по-русски и с примерами, достойная дока, но мне этого не хватило
Ajax/jQuery.getJSON Simple Example. Здесь много примерчиков для понимания, очень помогли.
Simple Long Polling Example with JavaScript and jQuery . Классная статься с примерами как организовать long polling, попробую чуть позже :)