İşte AJAX ile bir alternatif ancak jQuery yok, sadece normal JavaScript:
Bunu, eylemi çağırmak istediğiniz ilk / ana php sayfasına ekleyin, ancak onu potansiyel bir a
etiketten (köprü) bir button
öğeye değiştirin, böylece herhangi bir bot veya kötü amaçlı uygulama (veya her neyse) tarafından tıklanmaz.
<head>
<script>
function myFunction(value_myfunction) {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("results").innerHTML += this.responseText;
}
};
xmlhttp.open("GET", "ajax-php-page.php?sendValue=" + value_myfunction, true);
xmlhttp.send();
}
</script>
</head>
<body>
<?php $sendingValue = "thevalue";
<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>
</body>
Ne zaman button
tıklandığında, onclick
göndermek head's javascript fonksiyonunu kullanan $sendingValue
bu daha önce birçok örneklerde olduğu gibi, başka bir php-sayfaya ajax. Diğer sayfa, ajax-php-page.php
GET değerini kontrol eder ve şununla döner 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...");
}
?>
Gelen yanıt print_r
daha sonra döndürülür ve görüntülenir
document.getElementById("results").innerHTML += this.responseText;
+=
Olarak doldurulur ve kaldırma mevcut html elemanları ekler +
sadece güncellemeleri ve html mevcut içeriğini değiştirir p
elemanı "results"
.