При
клике по вкладкам должен подгружаться
соответствующий контент.
s_3_3.php
<?php
if($_GET["id"]
== 1) echo "Содержимое 1";
elseif($_POST["id"]
== 2) echo "Содержимое 2";
?>
index.html
<!DOCTYPE
HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Отправка GET и POST запросов</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script type="text/javascript">
function changeData(data) {
var element = $("#content");
// Если элемент не существет, то мы его должны добавить.
if(element.length == 0) $("<p id='content'>" + data + "</p>").appendTo($("body"));
// Если элемент создан, то заменяем его содержимое.
else $("#content").text(data);
}
$(document).ready(function() {
$("#p_1").bind("click", function() {
$.get("s_3_3.php", {id: 1}, changeData);
});
$("#p_2").bind("click", function() {
$.post("s_3_3.php", {id: 2}, changeData);
});
});
</script>
</head>
<body>
<span id="p_1">Вкладка 1</span>
<span id="p_2">Вкладка 2</span>
</body>
</html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Отправка GET и POST запросов</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script type="text/javascript">
function changeData(data) {
var element = $("#content");
// Если элемент не существет, то мы его должны добавить.
if(element.length == 0) $("<p id='content'>" + data + "</p>").appendTo($("body"));
// Если элемент создан, то заменяем его содержимое.
else $("#content").text(data);
}
$(document).ready(function() {
$("#p_1").bind("click", function() {
$.get("s_3_3.php", {id: 1}, changeData);
});
$("#p_2").bind("click", function() {
$.post("s_3_3.php", {id: 2}, changeData);
});
});
</script>
</head>
<body>
<span id="p_1">Вкладка 1</span>
<span id="p_2">Вкладка 2</span>
</body>
</html>
Комментариев нет:
Отправить комментарий