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

Question

Я не имею представления о возможностях программирования AJAX.Я просто знаю, что это асинхронный Javascript и XML.Пожалуйста, помогите мне узнать об этом языке.Я прошел много уроков по AJAX.Но ни одна из программ не запущена.Почему я не знаюСохраняем ли мы файл с расширением .HTML?

Answer 1

Читать:

Учебник по AJAX от W3Schools.

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

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

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

Answer 2

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

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

Да и нет.У вас будет HTML-интерфейс, который, например, содержит кнопку.Это будет интерпретироваться из браузера клиента (= пользователя).Фактически, он может отображаться по-разному, в зависимости от браузера / ОС / и т. Д.

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

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

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

Answer 3

Может быть, я смогу помочь вам понять AJAX, немного разъяснив понятия.

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

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

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

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

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

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

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

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

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

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

Answer 4

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

Answer 5

Это легко. Ajax получает данные со стороны сервера при выполнении на стороне клиента. Мы должны использовать XMLHttpRequest, чтобы получить результат.

Answer 6

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

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

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

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

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

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

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

Answer 7

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