AJAX, аббревиатура для асинхронного JavaScript и XML (асинхронный JavaScript и XML), представляет собой метод веб-разработки для создания интерактивных приложений или RIA (многофункциональных интернет-приложений). Эти приложения выполняются на клиенте, то есть в браузере пользователя, при этом поддерживается асинхронная связь с сервером в фоновом режиме.

AJAX - это метод для запроса веб-ресурса. Например, прочитайте веб-страницу.

Главное в AJAX - это то, что он выполняется асинхронно. И именно эта функция позволяет вам сделать запрос, когда страница уже загружена.

Обсуждаются две возможности:

  • Возможность отправлять запросы на сервер без перезагрузки страницы.
  • Возможность анализа и работы с XML-документами.



Пример кода JavaScript

function solicitudAJAX(url){ //Enviar con AJAX var http_request = false; //Crear el objeto if (window.XMLHttpRequest) http_request = new XMLHttpRequest(); else if (window.ActiveXObject) http_request = new ActiveXObject("Microsoft.XMLHTTP"); //para IE6- else return false; //Error al crear el request //asignamos una función que se llamará (asincrónicamente) // cuando cambie el estado de la petición http_request.onreadystatechange = cambiaEstadoDelRequest; //hacemos el request http_request.open("GET", url, true); http_request.send(null); return true; } function cambiaEstadoDelRequest() { console.log(this); return; if (http_request.readyState == 4) { // 4 significa que terminó if (http_request.status == 200) { //200 es la respuesta "OK" del server //acá leemos la respuesta (la página devuelta) var respuesta = http_request.responseText; //Acá el código que parsee a la respuesta <------ } else { //El server tuvo otra respuesta (Por ej: 404 not found) } } } 

Пример вызова

solicitudAJAX("http://www.midominio.com/datos.html?buscar=algo"); 



Пример кода jQuery

$.ajax({ url: "url", context: document.body }).done(function() { //procesar la respuesta }); 


[hr>

Фреймворки с AJAX:

  1. jQuery UI
  2. MooTools
  3. Прототип
  4. Библиотека YUI
  5. ASP.NET AJAX
  6. Spry framework
  7. Dojo Toolkit
  8. Ext JS
  9. Backbone.js
  10. AngularJS
  11. Unified.JS
<час>

Ссылки: