Содержание

Главная

JavaScript

PHP

Linux/FreeBSD

Контакты

 JavaScript

Ajax запросы на основе jQuery

Реализация асинхронных запросов к серверу значительно упрощается при использовании JavaScript библиотек. Применение таких библиотек на практике позволяет сократить объем программного кода и решить проблему совместимости различных версий браузеров. Выполнение Ajax запросов будет рассмотрено на примере библиотеки jQuery.

Пример функции, которая выполняет асинхронный GET запрос к скрипту с параметрами (test.php?id=10). В случае успешного выполнения запроса выводится сообщение содержащее ответ, полученный из php скрипта.

function getTest(){
$.ajax({
type: "GET",
url: "test.php",
data: "id=10",
success: function(msg){
alert(msg);
}
});
}

Информирование клиента о выполнении Ajax запроса можно реализовать с использованием div-блока.
<div id="loading" style="position:absolute; top:200px; left:500px; display:none;">Загрузка...</div>

$(function() {
//выполнение Ajax запроса
$("#loading").ajaxStart(function(){
$(this).show();
});
//завершение Ajax запроса
$("#loading").ajaxStop(function(){
$(this).hide();
});
//ошибка в ходе выполнения Ajax запроса
$("#loading").ajaxError(function(){
$(this).hide();
});
});

Статьи:

copyright © 2012 Все права защищены.