Voici une alternative avec AJAX mais pas de jQuery, juste du JavaScript normal:
Ajoutez ceci à la première / principale page php, à partir de laquelle vous souhaitez appeler l'action, mais changez-la d'une a
balise potentielle (lien hypertexte) en un button
élément, afin qu'elle ne soit pas cliquée par des robots ou des applications malveillantes (ou autre).
<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>
Quand le button
on clique sur, onclick
utilise la fonction javascript de la tête pour envoyer $sendingValue
via ajax vers une autre page php, comme beaucoup d'exemples avant celle-ci. L'autre page, ajax-php-page.php
vérifie la valeur GET et retourne avec 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...");
}
?>
La réponse de print_r
est ensuite renvoyée et affichée avec
document.getElementById("results").innerHTML += this.responseText;
Le +=
remplit et ajoute aux éléments html existants, supprimant les +
mises à jour et remplace le contenu existant de l' p
élément html"results"
.