Ось альтернатива AJAX, але немає jQuery, просто звичайний JavaScript:
Додайте це на першу / головну сторінку php, звідки ви хочете викликати дію, але змініть його з потенційного a
тегу (гіперпосилання) на button
елемент, щоб його не натискали ні боти, ні шкідливі програми (чи що інше).
<head>
<script>
// function invoking ajax with pure javascript, no jquery required.
function myFunction(value_myfunction) {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("results").innerHTML += this.responseText;
// note '+=', adds result to the existing paragraph, remove the '+' to replace.
}
};
xmlhttp.open("GET", "ajax-php-page.php?sendValue=" + value_myfunction, true);
xmlhttp.send();
}
</script>
</head>
<body>
<?php $sendingValue = "thevalue"; // value to send to ajax php page. ?>
<!-- using button instead of hyperlink (a) -->
<button type="button" onclick="value_myfunction('<?php echo $sendingValue; ?>');">Click to send value</button>
<h4>Responses from ajax-php-page.php:</h4>
<p id="results"></p> <!-- the ajax javascript enters returned GET values here -->
</body>
При button
натисканні onclick
на клавішу використовує функцію голови javascript для надсилання $sendingValue
через ajax на іншу php-сторінку, як багато прикладів до цієї. Інша сторінка, ajax-php-page.php
перевіряє значення GET і повертається за допомогою print_r
:
<?php
$incoming = $_GET['sendValue'];
if( isset( $incoming ) ) {
print_r("ajax-php-page.php recieved this: " . "$incoming" . "<br>");
} else {
print_r("The request didn´t pass correctly through the GET...");
}
?>
Потім відповідь від print_r
повертається і відображається за допомогою
document.getElementById("results").innerHTML += this.responseText;
У +=
заселяє і додає до існуючих HTML елементів, видаляючи +
тільки оновлення і замінює існуючі вміст HTML p
елемента "results"
.