Quando você desativa o botão (ou seja, quando você altera o estado do botão toggle), o evento de clique é acionado novamente, e uma nova requisição Ajax é enviada com o novo valor do estado.
No código JavaScript atualizado, a variável isOn é usada para rastrear o estado do botão toggle. Quando o botão é clicado, o evento de clique é acionado e o valor de isOn é alternado entre true e false com a linha de código isOn = !isOn;.
Quando o botão está no estado “ON” (isOn = true), o valor de status é definido como "Ativo", e quando o botão está no estado “OFF” (isOn = false), o valor de status é definido como "Inativo" (ou qualquer valor que você deseje enviar quando o botão estiver desativado).
Vamos atualizar o código JavaScript para refletir esse comportamento:
<!DOCTYPE html>
<html>
<head>
<title>Exemplo de Envio de Variável por GET</title>
</head>
<body>
<button id="toggleButton">Enviar GET</button>
<script>
const toggleButton = document.getElementById("toggleButton");
let isOn = false;
toggleButton.addEventListener("click", function() {
isOn = !isOn;
const status = isOn ? "Ativo" : "Inativo";
// Substitua "URL_DA_REQUISICAO" pela URL do endpoint da sua API com os parâmetros de consulta
fetch(`URL_DA_REQUISICAO?status=${encodeURIComponent(status)}`)
.then(() => {
// Aqui você pode fazer algo após a requisição ser enviada, se necessário
console.log("Requisição enviada!");
})
.catch(error => {
console.error("Erro na requisição:", error);
});
});
</script>
</body>
</html>Com essa atualização, quando você clicar no botão e alterar o estado do botão toggle, o valor de status será definido corretamente com base no novo estado (ativo ou inativo), e uma nova requisição Ajax será enviada com o valor atualizado.
Lembre-se de que, no servidor (lado do PHP), você pode acessar o valor do parâmetro “status” enviado por GET para realizar as ações apropriadas com base no estado do botão. Por exemplo, você pode armazenar o valor no banco de dados, fazer alguma lógica de negócio ou responder com uma mensagem adequada.