Estou procurando uma solução simples para chamar uma função PHP somente quando uma tag é clicada.
PHP:
function removeday() { ... }HTML:
<a href="" onclick="removeday()" class="deletebtn">Delete</a>ATUALIZAÇÃO: o código html e PHP estão no mesmo arquivo PHP
<a role="button" href="?action=removeday" class="debatebtn">Delete</a>onde a ação é capturada e executar a função removeday () semelhante a if($action == 'removeday'){ removeday(); }. Sei que está tarde, mas acho que isso ainda pode ajudar alguém com esse problema. C§
Respostas:
Primeiro, entenda que você tem três idiomas trabalhando juntos:
PHP: Ele só roda pelo servidor e responde a solicitações como clicar em um link (GET) ou enviar um formulário (POST).
HTML e JavaScript: só funciona no navegador de alguém (exceto NodeJS).
Estou presumindo que seu arquivo se parece com algo assim:
<!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>
Como o PHP só responde a solicitações (GET, POST, PUT, PATCH e DELETE via $ _REQUEST), é assim que você deve executar uma função PHP, embora eles estejam no mesmo arquivo. Isso lhe dá um nível de segurança, "Devo executar este script para este usuário ou não?".
Se você não deseja atualizar a página, pode fazer uma solicitação ao PHP sem atualizar por meio de um método chamado Asynchronous JavaScript and XML (AJAX).
Isso é algo que você pode pesquisar no YouTube. Basta pesquisar "jquery ajax"
Eu recomendo o Laravel para qualquer pessoa que comece bem: 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).Bem, ele incluiu onclickna pergunta, então está bem claro que o objetivo é realizar uma ação sem atualizar. ¬_¬
Em javascript, faça uma função ajax,
function myAjax() {
$.ajax({
type: "POST",
url: 'your_url/ajax.php',
data:{action:'call_this'},
success:function(html) {
alert(html);
}
});
}
Em seguida, ligue de html,
<a href="" onclick="myAjax()" class="deletebtn">Delete</a>E em seu ajax.php,
if($_POST['action'] == 'call_this') {
// call removeday() here
}
typedeve ser usado no jQuery anterior a 1.9.0, enquanto methodé um alias e deve ser usado em versões mais recentes.
Você terá que fazer isso via AJAX . Eu recomendo PESADAMENTE que você use jQuery para tornar isso mais fácil para você ....
$("#idOfElement").on('click', function(){
$.ajax({
url: 'pathToPhpFile.php',
dataType: 'json',
success: function(data){
//data returned from php
}
});
)};
Solução sem recarregar a 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>Esta é a maneira mais fácil possível. Se o formulário for postado por correio, execute a função php. Observe que se você deseja executar a função de forma assíncrona (sem a necessidade de recarregar a página), você precisará do 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.Bem, onclickisso indicaria que é exatamente o que ele quer. ¬_¬
Aqui está uma alternativa com AJAX, mas sem jQuery, apenas JavaScript normal:
Adicione isso à primeira / página principal do php, de onde você deseja chamar a ação, mas altere-a de uma atag potencial (hiperlink) para um buttonelemento, de modo que não seja clicado por bots ou aplicativos maliciosos (ou qualquer outro).
<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 o buttoné clicado, onclickusa a função javascript do head para enviar $sendingValuevia ajax para outra página php, como muitos exemplos anteriores a este. A outra página ajax-php-page.php,, verifica o valor GET e retorna com 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...");
}
?>A resposta de print_ré então retornada e exibida com
document.getElementById("results").innerHTML += this.responseText;O +=preenche e adiciona aos elementos html existentes, removendo as +atualizações justas e substituindo o conteúdo existente do pelemento html "results".
Tente isso vai funcionar bem.
<script>
function echoHello(){
alert("<?PHP hello(); ?>");
}
</script>
<?PHP
FUNCTION hello(){
echo "Call php function on onclick event.";
}
?>
<button onclick="echoHello()">Say Hello</button>