Ajax — это технология, которая позволяет без обновления всей страницы, изменить содержимое части страницы при помощи php и javascript, это в значительной степени уменьшает объём траффика между сервером и клиентом, а также снижают нагрузку на сервер и позволяют быстрее отобразить на странице изменённое содержимое.
Для того, чтобы использовать jQuery, нам понадобится js-библиотека jquery.1.7.1.min.js. Также необходимо создать js-файл с функцией, которую мы будем вызывать из php-файла, чтобы сделать запрос на сервер при помощи javascript. Эта функция выглядит следующим образом:
function zapros(data)
{
$.ajax({
type: "POST",
url: "action.php",
data: "do=zapros&perem="+data,
success: function(html){
$("#id").empty();
$("#id").append(html);
}
});
}
где data — это данные, которые необходимо передать в скрипт action.php;
А сам html-файл, из которого мы вызываем функцию, содержит следующий код:
<html>
<head>
<title></title>
<script src=”jquery.1.7.1.min.js”></script>
<script src=”jscript.js”></script>
</head>
<body>
<a href=”#” onClick=”zapros(‘dannye_peremennoy’)”>Send</a>
<div id=”id”>
Thing
</div>
</body>
</html>
В свою очередь, файл action.php, в который поступает наш запрос, содержит следующее содержимое:
<?php
echo $_POST[‘perem’];
?>
Что и выведет содержимое переменной perem на страницу.
Есть два важных момента, о которых не следует забывать, используя jQuery:
1. Вместо файла action.php, может быть тот же самый index.php;
2. Если ссылаться на другой хост, то это не сработает (в отличии от json).