jQuery (6): AJAX

категория: jQuery
Об AJAX (Asynchronous JavaScript And XML) уже многие слышали сто процентов, есть много споров по поводу его употребления и целесообразности, но он часто используется, и поэтому с ним нужно ознакомиться. Использование асинхронных запросов позволяет ускорить загрузки страниц, так как не нужно обновлять всю страницу целиком, а будет обновляться только необходимая ее часть. Общий вид запроса:
$("выборка").load(url,информация,функция);
выборка - выбранный элемент. url - путь к файлу, который будет запрошен у сервера с помощью AJAX. информация - данные, которые будут переданы запрашиваемому файлу. функция - имя функции, которая будет вызвана после выполнения запроса. К примеру просто, при нажатии на елемент div, в параграфе будет отображено содержимое файла some_file.txt:
$(document).ready(function(){
   $("div").click(function(){
      $("p").load("some_file.txt");
   })
});
Дополнительные функции: Метод ajaxSend() исполняет переданный код в момент отправления AJAX запроса. Метод ajaxComplete() исполняет переданный код после завершения выполнения AJAX запроса. Метод ajaxSuccess() исполняет переданный код при условии, если выполнение AJAX запроса завершается успешно. Метод ajaxError() исполняет переданный код, если выполнение AJAX запроса завершается с ошибками. Следующие методы используются для сопровождения группы AJAX запросов: Метод ajaxStart() исполняет переданный код при отправлении первого запроса из группы. Метод ajaxStop() исполняет переданный код при завершении последнего запроса из группы. Не буду долго останавливаться, еще множество раз будем к AJAX возвращаться, и будет все яснее на конкретных примерах. С jQuery на этом пока закончим, думаю хватает информации, чтобы писать интересные, разнообразные и полезные скрипты для своих проектов. Всем хорошо отпраздновать Новый Год.


blog comments powered by Disqus