Sto cercando una soluzione semplice per chiamare una funzione PHP solo quando si fa clic su un tag .
PHP:
function removeday() { ... }HTML:
<a href="" onclick="removeday()" class="deletebtn">Delete</a>AGGIORNAMENTO: il codice html e PHP sono nello stesso file PHP
<a role="button" href="?action=removeday" class="debatebtn">Delete</a>cui viene rilevata l'azione ed esegui la funzione removeday () simile a if($action == 'removeday'){ removeday(); }. So che è tardi, ma immagino che potrebbe ancora aiutare qualcuno con questo problema. C§
Risposte:
Innanzitutto, comprendi che hai tre lingue che lavorano insieme:
PHP: viene eseguito solo dal server e risponde a richieste come fare clic su un collegamento (GET) o inviare un modulo (POST).
HTML e JavaScript: funziona solo nel browser di qualcuno (escluso NodeJS).
Presumo che il tuo file abbia un aspetto simile a:
<!DOCTYPE HTML>
<html>
<?php
function runMyFunction() {
echo 'I just ran a php function';
}
if (isset($_GET['hello'])) {
runMyFunction();
}
?>
Hello there!
<a href='index.php?hello=true'>Run PHP Function</a>
</html>Poiché PHP risponde solo alle richieste (GET, POST, PUT, PATCH e DELETE tramite $ _REQUEST), è così che devi eseguire una funzione PHP anche se si trovano nello stesso file. Questo ti dà un livello di sicurezza, "Devo eseguire questo script per questo utente o no?".
Se non desideri aggiornare la pagina, puoi fare una richiesta a PHP senza aggiornare tramite un metodo chiamato Asynchronous JavaScript and XML (AJAX).
Questo è qualcosa che puoi cercare su YouTube però. Cerca "jquery ajax"
Consiglio Laravel a chiunque sia nuovo per iniziare bene: http://laravel.com/
If you don't want to refresh the page, you can make a request to PHP without refreshing via a method called Asynchronous JavaScript and XML (AJAX).Bene, ha incluso onclicknella domanda, quindi è abbastanza chiaro che l'obiettivo è eseguire un'azione senza aggiornare. ¬_¬
In javascript, crea una funzione ajax,
function myAjax() {
$.ajax({
type: "POST",
url: 'your_url/ajax.php',
data:{action:'call_this'},
success:function(html) {
alert(html);
}
});
}Quindi chiama da html,
<a href="" onclick="myAjax()" class="deletebtn">Delete</a>E nel tuo ajax.php,
if($_POST['action'] == 'call_this') {
// call removeday() here
}typedovrebbe essere usato in jQuery prima della 1.9.0, mentre methodè un alias e dovrebbe essere usato sulle versioni più recenti.
Dovrai farlo tramite AJAX . Consiglio vivamente di usare jQuery per renderlo più facile per te ....
$("#idOfElement").on('click', function(){
$.ajax({
url: 'pathToPhpFile.php',
dataType: 'json',
success: function(data){
//data returned from php
}
});
)};Può essere fatto e con php piuttosto semplice se questo è il tuo pulsante
<input type="submit" name="submit>e questo è il tuo codice php
if(isset($_POST["submit"])) { php code here }il codice get viene chiamato quando submit get viene pubblicato, il che accade quando si fa clic sul pulsante.
Soluzione senza ricaricare la pagina
<?php
function removeday() { echo 'Day removed'; }
if (isset($_GET['remove'])) { return removeday(); }
?>
<!DOCTYPE html><html><title>Days</title><body>
<a href="" onclick="removeday(event)" class="deletebtn">Delete</a>
<script>
async function removeday(e) {
e.preventDefault();
document.body.innerHTML+= '<br>'+ await(await fetch('?remove=1')).text();
}
</script>
</body></html>Questo è il modo più semplice possibile. Se il modulo viene inviato tramite posta, eseguire la funzione php. Nota che se vuoi eseguire la funzione in modo asincrono (senza la necessità di ricaricare la pagina), allora avrai bisogno di AJAX.
<form method="post">
<button name="test">test</button>
</form>
<?php
if(isset($_POST['test'])){
//do php stuff
}
?>Note that if you want to perform function asynchronously (without the need to reload the page), then you'll need AJAX.Beh onclick, indicherebbe che è esattamente quello che vuole. ¬_¬
Ecco un'alternativa con AJAX ma non jQuery, solo JavaScript normale:
Aggiungilo alla prima / principale pagina php, da cui vuoi chiamare l'azione, ma cambialo da un potenziale atag (collegamento ipertestuale) a un buttonelemento, in modo che non venga cliccato da nessun bot o app dannose (o altro).
<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>Quando si buttonfa clic su, onclickutilizza la funzione javascript della testa per inviare $sendingValuetramite ajax a un'altra pagina php, come molti esempi prima di questa. L'altra pagina ajax-php-page.phpverifica il valore GET e restituisce 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 risposta da print_rviene quindi restituita e visualizzata con
document.getElementById("results").innerHTML += this.responseText;Il +=popola e aggiunge agli elementi html esistenti, rimuovendo gli +aggiornamenti giusti e sostituisce i contenuti esistenti pdell'elemento html"results" .
Prova questo funzionerà bene.
<script>
function echoHello(){
alert("<?PHP hello(); ?>");
}
</script>
<?PHP
FUNCTION hello(){
echo "Call php function on onclick event.";
}
?>
<button onclick="echoHello()">Say Hello</button>