<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
<head>
<title>Работа с Ajax при помощи JQuery</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
/*
Функция отправляет ajax-запрос
result_id — id элемента, в который будет подгружена информация
url — адрес страницы, которая будете подгружена
*/
function AjaxRequest(result_id,url) {
jQuery.ajax({
url: url, //Адрес подгружаемой страницы
type: "POST", //Тип запроса
dataType: "html", //Тип данных
error: function (){ //Если ошибка
alert("Ошибка соединения");
},
//success — функция, которая вызывается, когда
//запрос прошёл успешно и данные (data) получены
success: function(response){
document.getElementById(result_id).innerHTML = response;
}
});
}
</script>
</head>
<body>
<h1>Пример динамической подгрузки страницы при помощи Ajax</h1>
'<a href="javascript:void(0)" onclick="AjaxRequest('result','article_1.html');">Статья 1</a>
/ <a href="javascript:void(0)" onclick="AjaxRequest('result','article_2.html'); ">Статья 2</a>'
<div id="result">
Сюда будут подгружаться данные
</div>
</body>
</html>
