0

Como posso fazer para que através do toggle eu atualizar minha base de dados? Tenho o toggle abaixo:

inserir a descrição da imagem aqui

Para isso, estou fazendo dessa forma:

<div class="onoff">
  <strong>Desabilitar notificações por e-mail:</strong>
  <input type="checkbox" class="toggle" id="onoff">
  <label for="onoff"></label>
  <input type="hidden" name="Avisar" id="campo1" value="0">
</div>

......

<script type='text/javascript'>
//<![CDATA[
window.onload=function(){
var onoff = document.getElementById('onoff');
onoff.addEventListener('change', function() {
    estado = this.checked ? 'S' : 'N';
    var campo = document.getElementById("campo1").value = estado;
    $.ajax({
        url: 'notificacoes.php',
        type: 'post',
       data: {
           estado: this.checked,
           campo: campo
       }       
   }).done(function(msg) {
   });
});
}//]]>
///////////////////
</script>

E o PHP:

....
$idUsuarios = $_SESSION["IdUsuarios"];
$status = $_POST["estado"];
....
mysqli_query($this->conexao,"UPDATE tabela SET Notificacoes = '".$status."' WHERE IdUsuario = '".$idUsuarios."';

Só que não está atualizando. O problema está no Jquery, pois o PHP está funcionando corretamente.

8
  • Já tentou passar o data como string? Ex.: data: "estado="+this.checked+"&campo="+campo 1/06/2018 às 16:30
  • Você utilizou um var_dump no php ou um alert no javascript pra saber se a requisição está sendo chamado quando o toggle é modificado? 1/06/2018 às 16:38
  • tenta colocar um alert no addEventListener para ver se ele está sendo chamado.
    – L.J
    1/06/2018 às 16:46
  • Olá pessoal. Sobre passar como string, fiz e não passou os valores. Dei um alert conforme pediram e o valor (S ou N) está chegando corretamente. Isolamos o PHP e fizemos um teste diretamente nele e está funcionando, por isso descartamos que o problema seja no PHP.
    – user24136
    1/06/2018 às 16:48
  • O valor desejado chega no php? 1/06/2018 às 16:53

1 Resposta 1

1

Eu não entendi muito bem a diferença de estado e campo, mas creio que campo vai passar qual é o campo que você deseja ativar ou desativar as notificações e o estado é o sim e não.

Se este for o caso, sugiro alterar:

var campo = document.getElementById("campo1").value = estado;

para:

var campo = document.getElementById("campo1").value;

pois o campo1 estava mudando seu valor quando trocava o estado. (Caso isso deva ocorrer ignore esta parte)

Depois você definiu o estado como S ou N mas puxou novamente o this.checked

estado: this.checked,

Quando deveria ser:

estado: estado

Espero que isso te ajude!

1
  • Ajudou muito Henrique. Muito obrigado!
    – user24136
    2/06/2018 às 0:27

Você deve fazer log-in para responder a esta pergunta.