Estoy buscando una solución simple para llamar a una función PHP solo cuando se hace clic en una etiqueta .
PHP:
function removeday() { ... }HTML:
<a href="" onclick="removeday()" class="deletebtn">Delete</a>ACTUALIZACIÓN: el código html y PHP están en el mismo archivo PHP
<a role="button" href="?action=removeday" class="debatebtn">Delete</a>donde se detecta la acción y ejecuta la función removeday () similar a if($action == 'removeday'){ removeday(); }. Sé que es tarde, pero creo que aún podría ayudar a alguien con este problema. C§
Respuestas:
Primero, comprenda que tiene tres idiomas trabajando juntos:
PHP: solo lo ejecuta el servidor y responde a solicitudes como hacer clic en un enlace (GET) o enviar un formulario (POST).
HTML y JavaScript: solo se ejecuta en el navegador de alguien (excepto NodeJS).
Supongo que su archivo se parece 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>
Debido a que PHP solo responde a las solicitudes (GET, POST, PUT, PATCH y DELETE a través de $ _REQUEST), así es como debe ejecutar una función PHP aunque estén en el mismo archivo. Esto le brinda un nivel de seguridad, "¿Debo ejecutar este script para este usuario o no?".
Si no desea actualizar la página, puede realizar una solicitud a PHP sin actualizar a través de un método llamado Asynchronous JavaScript and XML (AJAX).
Sin embargo, eso es algo que puedes buscar en YouTube. Solo busca "jquery ajax"
Recomiendo Laravel a cualquier persona nueva para comenzar bien: 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).Bueno, sí lo incluyó onclicken la pregunta, por lo que está bastante claro que el objetivo es realizar una acción sin actualizar. ¬_¬
En javascript, crea una función ajax,
function myAjax() {
$.ajax({
type: "POST",
url: 'your_url/ajax.php',
data:{action:'call_this'},
success:function(html) {
alert(html);
}
});
}
Luego llama desde html,
<a href="" onclick="myAjax()" class="deletebtn">Delete</a>Y en tu ajax.php,
if($_POST['action'] == 'call_this') {
// call removeday() here
}
typedebe usarse en jQuery anterior a 1.9.0, mientras que methodes un alias y debe usarse en versiones más nuevas.
Tendrá que hacer esto a través de AJAX . Te recomiendo ENCARECIDAMENTE que uses jQuery para facilitarte esto ...
$("#idOfElement").on('click', function(){
$.ajax({
url: 'pathToPhpFile.php',
dataType: 'json',
success: function(data){
//data returned from php
}
});
)};
Solución sin recargar la página
<?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>Ésta es la forma más sencilla posible. Si el formulario se publica a través de una publicación, haga la función php. Tenga en cuenta que si desea realizar la función de forma asincrónica (sin la necesidad de volver a cargar la página), necesitará 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.Bueno, el onclickindicaría que eso es exactamente lo que quiere. ¬_¬
Aquí hay una alternativa con AJAX pero sin jQuery, solo JavaScript normal:
Agregue esto a la primera página php / principal, desde donde desea llamar a la acción, pero cámbielo de una aetiqueta potencial (hipervínculo) a un buttonelemento, para que ningún bot o aplicación maliciosa (o lo que sea) haga clic en él.
<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>Cuando buttonse hace clic en el, onclickusa la función de javascript del encabezado para enviar $sendingValuevía ajax a otra página php, como muchos ejemplos antes de este. La otra página, ajax-php-page.phpbusca el valor GET y regresa con 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 respuesta de print_rluego se devuelve y se muestra con
document.getElementById("results").innerHTML += this.responseText;Los +=puebla y se suma a los elementos HTML existentes, eliminando los +cambios justos y reemplaza el contenido existente del HTML pelemento "results".
Prueba esto, funcionará bien.
<script>
function echoHello(){
alert("<?PHP hello(); ?>");
}
</script>
<?PHP
FUNCTION hello(){
echo "Call php function on onclick event.";
}
?>
<button onclick="echoHello()">Say Hello</button>