Функция ajax() в JQ
s_3_5.php
<?php
sleep(1); // задержка на 1 сек. sleep — откладывает
выполнение
echo "Контент ".$_POST["a"]."
".$_POST["b"];
?>
index.html
<!DOCTYPE
HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Полный контроль</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script type="text/javascript">
function funcS(data, d) {
// alert(d); // выводит success
$("#content").text(data);
}
function funcB() {
$("#content").text("Ожидание данных...");
}
$(document).ready(function() {
$("#load").bind("click", function() {
$.ajax({
url: "s_3_5.php",
type: "POST",
data: ({a: 5, b: "str"}), // передадим 2 параметра
dataType: "html", // то, что мы ожидаем получить от сервера
beforeSend: funcB, // функция выполняется перед отправкой
success: funcS // функция выполняется в случае успешного завершения
});
});
});
</script>
</head>
<body>
<p id="load" style="cursor:pointer;">Загрузить данные</p>
<div id="content"></div>
</body>
</html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Полный контроль</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script type="text/javascript">
function funcS(data, d) {
// alert(d); // выводит success
$("#content").text(data);
}
function funcB() {
$("#content").text("Ожидание данных...");
}
$(document).ready(function() {
$("#load").bind("click", function() {
$.ajax({
url: "s_3_5.php",
type: "POST",
data: ({a: 5, b: "str"}), // передадим 2 параметра
dataType: "html", // то, что мы ожидаем получить от сервера
beforeSend: funcB, // функция выполняется перед отправкой
success: funcS // функция выполняется в случае успешного завершения
});
});
});
</script>
</head>
<body>
<p id="load" style="cursor:pointer;">Загрузить данные</p>
<div id="content"></div>
</body>
</html>
Комментариев нет:
Отправить комментарий