Implementando AJAX para Executar Funções PHP – Blog – Devdata Sistemas

Para criar um botão ou formulário em HTML que, quando alterado (com o evento onchange), chame uma função em PHP, você precisará usar JavaScript para realizar a chamada assíncrona para o script PHP. O PHP é uma linguagem de servidor e só pode ser executada no servidor, enquanto o JavaScript é uma linguagem do lado do cliente, permitindo a interação com a página sem recarregar a mesma.

Aqui está um exemplo de como você pode fazer isso:

Crie o arquivo HTML com o botão ou formulário:

<!DOCTYPE html>
<html>
<head>
    <title>Exemplo de Botão com Evento onchange</title>
</head>
<body>
    <form>
        <label for="opcao">Escolha uma opção:</label>
        <select id="opcao" onchange="chamarFuncaoPHP()">
            <option value="opcao1">Opção 1</option>
            <option value="opcao2">Opção 2</option>
            <option value="opcao3">Opção 3</option>
        </select>
    </form>

    <script>
        function chamarFuncaoPHP() {
            var opcaoSelecionada = document.getElementById('opcao').value;
            var xhttp = new XMLHttpRequest();

            xhttp.onreadystatechange = function() {
                if (this.readyState == 4 && this.status == 200) {
                    // Aqui você pode manipular a resposta do PHP, se necessário
                    console.log(this.responseText);
                }
            };

            xhttp.open("GET", "caminho_do_seu_script_php.php?opcao=" + opcaoSelecionada, true);
            xhttp.send();
        }
    </script>
</body>
</html>

Crie um arquivo PHP (caminho_do_seu_script_php.php) que receberá o valor selecionado e executará a função desejada:

<?php
// Verifica se a variável opcao foi enviada por GET
if (isset($_GET['opcao'])) {
    $opcaoSelecionada = $_GET['opcao'];

    // Faça aqui o que desejar com a opção selecionada
    // Por exemplo, você pode executar uma função com base na opção selecionada

    // Exemplo: executarFuncao($opcaoSelecionada);

    // Para fins de exemplo, vamos apenas retornar a opção selecionada
    echo "Opção selecionada: " . $opcaoSelecionada;
}
?>

Neste exemplo, quando o usuário selecionar uma opção no menu suspenso, o evento onchange será acionado e a função chamarFuncaoPHP() será chamada. Essa função usará XMLHttpRequest para enviar uma solicitação GET para o arquivo PHP com a opção selecionada como parâmetro. O PHP receberá esse parâmetro, realizará a ação desejada (por exemplo, executar uma função com base na opção) e, neste caso de exemplo, retornará a opção selecionada.

Lembre-se de que, para testar esse código, você precisará ter um servidor web local configurado com suporte a PHP. Se você estiver usando o XAMPP, WAMP ou MAMP, coloque os arquivos HTML e PHP em uma pasta dentro do diretório “htdocs” e acesse a página HTML através do navegador usando http://localhost/nome_da_pasta/arquivo_html.html.

Related Posts