Estoy tratando de iniciar sesión con ajax. La secuencia de comandos funciona bien y estoy iniciando sesión, pero no me redirigen al archivo dashboard.php . Los códigos se dan a continuación. Por favor, intenta ayudarme.
llamada ajax
<script type="text/javascript"> $(document).ready(function() { $("#submit").click(function() { var dataString = { username: $("#username").val(), password: $("#password").val(), }; $.ajax({ type: "POST", url: "login-process.php", data: dataString, cache: true, beforeSend: function(){ $('#loading-image').show(); }, complete: function(){ $('#loading-image').hide(); }, success: function(html){ $('.message').html(html).fadeIn(500); } }); return false; }); }); </script>iniciar sesión-proceso.php
<?php include'config/db.php'; $msg = null; $date = date('Ymd H:i:s'); $uname = (!empty($_POST['username']))?$_POST['username']:null; $pass = (!empty($_POST['password']))?$_POST['password']:null; if($_POST){ $stmt = "SELECT * FROM members WHERE mem_uname = :uname"; $stmt = $pdo->prepare($stmt); $stmt->bindValue(':uname', $uname); $stmt->execute(); $checklgn = $stmt->rowCount(); $fetch = $stmt->fetch(); if($checklgn > 0){ if(password_verify($pass, $fetch['mem_pass'])){ session_start(); $_SESSION['sanlogin'] = $fetch['mem_id']; $msg = "<div class='message-success'>Access Granted! Please wait...</div>"; $go_login = header("refresh:2; url=dashboard.php"); }else{ $msg = "<div class='message-error'>Password mismatch. Please try again!</div>"; } }else{ $msg = "<div class='message-error'>User not found. Please try again!</div>"; } } echo $msg; echo $go_login; ?>Si usa AJAX para iniciar sesión, debe usar javascript para redirigir. Redirigir PHP solo dará como resultado que la llamada AJAX se redirija, lo que no produce el resultado deseado.
En su cláusula de success de la solicitud ajax, puede agregar window.location.replace("dashboard.php");
En ti ajax success:
use window.location.href="/uri/to/redirect";
setTimeout(function(){ window.location.href="/uri/to/redirect"; },2000);No puede usar la función PHP de header en esta situación. Deberías redirigir en tu función $.ajax así:
1) Debe devolver JSON en su login-process.php :
... $result = array(); if($_POST){ $stmt = "SELECT * FROM members WHERE mem_uname = :uname"; $stmt = $pdo->prepare($stmt); $stmt->bindValue(':uname', $uname); $stmt->execute(); $checklgn = $stmt->rowCount(); $fetch = $stmt->fetch(); if($checklgn > 0){ if(password_verify($pass, $fetch['mem_pass'])){ session_start(); $_SESSION['sanlogin'] = $fetch['mem_id']; $result = array( 'msg' => "<div class='message-success'>Access Granted! Please wait...</div>", 'redirect' => 'dashboard.php', ); }else{ $result = array( 'msg' => "<div class='message-error'>Password mismatch. Please try again!</div>", ); } }else{ $result = array( 'msg' => "<div class='message-error'>User not found. Please try again!</div>", ); } } echo json_encode($result); exit; 2) Debe agregar el parámetro dataType en su llamada $.ajax y redirect el atributo de proceso de la respuesta del servidor (si existe este atributo):
$(document).ready(function () { $("#submit").click(function () { var dataString = { username: $("#username").val(), password: $("#password").val(), }; $.ajax({ dataType: 'json', // <-- set expected dataType here type: "POST", url: "login-process.php", data: dataString, cache: true, beforeSend: function () { $('#loading-image').show(); }, complete: function () { $('#loading-image').hide(); }, success: function (data) { $('.message').html(data.message).fadeIn(500); // if we have attribute "redirect" in answer if(typeof data.redirect !== 'undefined'){ // redirect here after 2 seconds setTimeout(function(){ document.location.href = data.redirect; },2000); } } }); return false; }); });