Недавно спросил.
Как без JQUERY, библиотек, на чистом JAVASCRIPT реализовать получение GET ( POST)?
toster.ru/q/516205
Прикол в том, что Internet Explorer 11 никогда не будет обновляться, его закрыли, равно и мобильная опера для телефонов, какие то там проблемы...
Тяпнул абсенту. Скрестил ужа и ежа. Request, fetch и :focus, одинаково не работающие в этих браузерах.
Вопрос.
Что ещё можно прикрутить?
index.php
<!DOCTYPE html>
<html>
<head><meta charset="utf-8" />
<title>testiruiu</title>
</head>
<style>
ul { list-style-type: none; }
ul li { display: inline; cursor: pointer; }
ul li a { color: #42454a; background-color: #dedbde; border: 0; padding: 0.2em; text-decoration: none; }
ul li a:hover { background-color: #f1f0ee; }
ul li a.selected { color: #000; background-color: #f1f0ee; font-weight: bold; }
ul li:focus { outline: 1px inset #f1f0ee; padding: 0.2em 0.02em 0.2em 0.03em; }
</style>
<body>
<ul >
<li tabindex="1"><a data-page="page1">1</a></li>
<li tabindex="1"><a data-page="page2"> 2</a></li>
<li tabindex="1"><a data-page="page3"> 3</a></li>
</ul>
<article></article>
<script>
//var ld = new Date();var vr =(ld.toLocaleString());
var myArticle = document.querySelector('article'); var myLinks = document.querySelectorAll('ul a'); for(var i = 0; i <= myLinks.length - 1; i++) {
myLinks[i].onclick = function(e) {e.preventDefault();var linkData = e.target.getAttribute('data-page'); getData(linkData); } };
function getData(pageId) {
var myRequest = new Request(pageId + '.php', {method: 'POST',headers: { "Content-Type":"application/x-www-form-urlencoded" },
body: 'foo={"name":"ыыыыыыыыыыы1","time":"'+pageId+'"}'});
fetch(myRequest)
.then(function(response) { return response.text() })
.then(function(text) {
myArticle.innerHTML = text;
});
}
</script>
</body></html>
Ответ.
page1.php
page2.php
page3.php
<?php
if ($_SERVER["REQUEST_METHOD"]=="POST") {
$json_data = htmlspecialchars ($_POST['foo']);
echo " ".$json_data."<hr>";
// $json = json_decode($json, true) ;
print_r($_POST);
$json_data = $_POST['foo'];$json = json_decode($json_data,true);
$a = $json['name'];
$b = $json['time'];
echo " <hr>".$a." and ".$b."";
}
?>
<h2>Привет</h2>
