Как мы делаем программирование Ajax

Читайте:

Самоучитель AJAX от W3Schools.

Программирование AJAX от Google Code University

Для начала кодирования вы можете получить Ajax Control Toolkit от Microsoft. Вам следует прочитать Ajax Control Toolkit Tutorials, чтобы получить представление о нем.

Вы можете использовать бесплатную Microsoft Visual Web Developer 2010 Express Edition в качестве IDE.

Как только вы получите базовые знания из W3school, я предлагаю вам использовать фреймворк. Обычно разработчики вообще не используют XMLHttpRequest. Вместо этого javascript-фреймворки, такие как ExtJS, jQuery и другие, упрощают вашу работу. Я советую вам также немного изучить javascript. посмотрите jQuery.

Возможно, я смогу помочь вам понять AJAX, немного прояснив концепции.

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

AJAX - это не язык, это способ использования существующих техник для улучшения пользовательского опыта на веб-сайте. Языком является Javascript в браузере, но вы можете использовать любую технику на стороне сервера, с которой вам удобно работать (ASP.NET, Java, PHP, Ruby и т.д.)

Сохраняем ли мы файл с расширением .HTML?

Ну, это не совсем важно. Вы должны понять, что есть сервер и браузер, которые взаимодействуют друг с другом. Да, вы можете использовать статические HTML-файлы для своих страниц (и сохранять их как файлы .html), но вам понадобится сервер, чтобы отвечать на запросы браузера. Возможно, именно поэтому ваш пример кода не работает; вам нужно настроить сервер, который будет работать с вашими страницами.

Вся идея AJAX заключается в том, чтобы улучшить пользовательский опыт, не перезагружая всю страницу, когда пользователь взаимодействует с ней. Вы запрашиваете необходимые данные и обновляете страницу с помощью Javascript для обновления HTML. Это называется внеполосным или асинхронным запросом.

Я просто знаю, что это Asynchronous Javascript и XML.

Именно так расшифровывается аббревиатура, но она не совсем точно отражает суть техники. Вначале XML использовался для передачи данных от сервера к клиенту. Люди обнаружили, что с XML не так просто работать в Javascript, поэтому сейчас чаще используется JSON. JSON - это фрагмент javascript, который может быть оценен в браузере. Этот фрагмент создает объект(ы) javascript, представляющий(ие) данные. Если вы используете библиотеку Javascript, как предлагали здесь другие, вам не придется беспокоиться о многих деталях.

Прежде чем приступить к AJAX, вы должны убедиться, что понимаете:

• HTML и CSS
• Javascript
• как изменять HTML с помощью Javascript
• как браузер запрашивает информацию с сервера
• как обрабатывать запросы на сервере

Если вам не хватает знаний обо всех этих концепциях, придерживайтесь "обычных" веб-страниц и старайтесь совершенствовать свои знания шаг за шагом.

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

Сохраняем ли мы файл с расширением .HTML?

И да, и нет. У вас будет HTML фронтенд, который, например, содержит кнопку. Он будет интерпретирован из браузера клиента (=пользователя). На самом деле она может отображаться по-разному в зависимости от браузера/OS/etc.

Теперь вы прикрепляете к этой кнопке код Javascript. Он также запускается в браузере клиента и создает объект XMLHttpRequest либо напрямую, либо с помощью библиотеки (JQuery & Co.). Обратите внимание, что библиотека не необходима для выполнения AJAX-запроса. Она облегчит вам жизнь, если вы делаете много AJAX-запросов, но это не обязательно.

И вот где происходит волшебство: объект XMLHttpRequest вызывает асинхронно (т.е. без перезагрузки страницы) страницу на стороне сервера. Это может быть файл PHP, ASP, Perl и т.д., который делает что-то на сервере, например, запрашивает базу данных. Эта часть операции абсолютно независима от клиента. Пользователь может закрыть браузер до завершения загрузки серверного кода, и сервер об этом не узнает.

После завершения выполнения серверного кода он возвращается к клиенту с некоторыми данными ответа (например, кусок XML, JSON, HTML или что угодно). Наконец, клиент выполняет (или не выполняет) другой код Javascript в ответ на это, например, чтобы написать на экране, опять же без перезагрузки страницы, что-то на основе того, что вернул сервер.

Вместо того, чтобы беспокоиться о том, как сделать AJAX, используйте что-то, что позволит вам забыть об этом. Такие фреймворки, как NOLOH, делают AJAX (и Comet) для вас автоматически, и вам ничего не нужно делать. Просто сосредоточьтесь на своем приложении и бизнес-логике, а все остальное сделает он.

Действительно, все делается через AJAX, если он доступен, автоматически. Никакой работы с вашей стороны. Если вы не хотите тратить много времени на изучение этого, посмотрите это короткое видео, которое было продемонстрировано на конференции Confoo PHP Conference в марте этого года http://www.youtube.com/phpframework#p/u/11/cdD9hSuq7aw.

Для всех тех, кто беспокоится о том, что если это все AJAX, то как насчет поисковых систем? Не стоит беспокоиться, http://dev.noloh.com/#/articles/Search-Engine-Friendly/.

Так что вместо того, чтобы беспокоиться обо всех этих различных технологиях или отношениях клиент-сервер, вы можете сесть, написать код и получить свой сайт/приложение в кратчайшие сроки.

Вы можете прочитать о NOLOH на обложке журнала php|architect в этом месяце, http://www.phparch.com/magazine/2010/may/.

Наслаждайтесь.

Отказ от ответственности: я являюсь соучредителем NOLOH.

Просто добавлю, что AJAX редко используется в чистом виде с XMLHttpRequest. Вы часто будете использовать его как часть AJAX библиотек пользовательского интерфейса, которые облегчают вам жизнь. Если вы из мира Java - такой AJAX библиотекой является Richfaces.