在数据库上搜索数据时显示内容

时间:2018-10-16 16:08:53

标签: javascript php ajax mysqli loading

我想在验证用户名和密码时显示gif,但是我的ajax代码没有存储提交的数据,所以什么也没发生。

login.php(输入内容所在)

          <div>  
            <input type="text" class="css-input" placeholder="Insira seu código" required="" name="codigo" style="background: url(images/icons/user_o.png) no-repeat scroll 5px 5px; background-size: 25px; background-color: #FFFFFF;color: #FF5400;"/>
          </div>
          <div>
            <input type="password" class="css-input" placeholder="Senha" required="" name="senha" style="background: url(images/icons/pwd.png) no-repeat scroll 5px 5px; background-size: 25px;"/>
          </div>

login2(验证表单)

        <?php
        $codigo = mysqli_real_escape_string($conexao, $_POST['codigo']); 
        $senha = mysqli_real_escape_string($conexao, $_POST['senha']); 

        $sql_codigo = "SELECT * FROM esc_usuarios WHERE usu_codigo = '$codigo'";
        $sql_nome = "SELECT usu_nome FROM esc_usuarios WHERE usu_codigo = '$codigo'";

        $sql_nome_resul = mysqli_query($conexao, $sql_nome);
        $coluna_bd = mysqli_fetch_assoc($sql_nome_resul);

        $result = mysqli_query($conexao, $sql_codigo);
         if(mysqli_num_rows($result) > 0)
         {
           while($row = mysqli_fetch_array($result))
            {
              if(password_verify($senha, $row['usu_senha']))  
              {  
                $_SESSION['codigo']=$codigo;
                echo '<p><span style="font-family: calibri, sans-serif;"><span style="color: #a1eb8f; font-size: 17pt;">Ol&aacute; ' . $coluna_bd['usu_nome'] . '! Aguarde um instante...</span></span></p>';  
                $response['type'] = 'success';
              }  
              else  
              {  
                echo '<p><span style="font-family: calibri, sans-serif; color: #ff8f57;"><span style="font-size: 17pt;">Usu&aacute;rio e/ou senha incorretos!</span></span></p>';
                $response['type'] = 'failure';
              }
              echo json_encode($response);
            }
          } 
        ?>  

javascript.js(ajax无法正常工作)

$("#login").click(function(){


  $.get("login2.php", {codigo: codigo, senha: senha}, function(data){
    if (data.type == "success"){
      window.location = "index.php";
    }
    else{
      window.location = "login.php";
    }
  }, "JSON"); 
});

所以,我实际上还没有制作gif部分,因为我试图至少完成这一部分,但到目前为止没有成功。

0 个答案:

没有答案