登錄不刷新頁面

-1

我真的很新的PHP和ajax，我正在閱讀很多關於如何進行登錄而不刷新頁面的教程，這段代碼不起作用我不知道爲什麼，我所做的就是使用ajax傳遞用戶名和密碼，但是當我點擊botton時什麼也沒有發生。登錄不刷新頁面

但不是使用ajax我指向我的表單方向checklogin.php工作正常。

這是形式的代碼，其中包括Ajax代碼：

<script type="text/javascript"> 
function validLogin(){ 
     var username=$('#username').val(); 
     var password=$('#password').val(); 
     var dataString = 'username='+ username + '&password='+ password; 
     $.ajax({ 
     type: "POST", 
     url: "checklogin.php", 
     data: dataString, 
     cache: false, 
     success: function(result){ 
       var result=trim(result); 
       $("#flash").hide(); 
       if(result=='correct'){ 
         window.location='index.php'; 
       }else{ 
        $("#errorMessage").html(result); 
       } 
     } 
     }); 
} 

function trim(str){ 
    var str=str.replace(/^\s+|\s+$/,''); 
    return str; 
} 
</script>  

    <label></label><input type="text" name="username" id="username" value="<?php echo $submitted_username; ?>" placeholder="Username...."/> 
    <label></label><input type="password" name="password" id="password" value="" placeholder="Password...."/><br> 
<button name="submit" value="Submit" class="button" onClick="validLogin()">Login </button>

此標識的checklogin.php代碼

<?php 

    require("finalphp/connect.php"); 

    $submitted_username = ''; 

     $query = " SELECT id, username, password, salt FROM users WHERE username = :username "; 

     $query_params = array( 
      ':username' => $_POST['username'] 
     ); 

     try 
     { 
      $stmt = $db->prepare($query); 
      $result = $stmt->execute($query_params); 
     } 
     catch(PDOException $ex) 
     { 
      die("Failed to run query: " . $ex->getMessage()); 
     } 

     $login_ok = false; 

     $row = $stmt->fetch(); 
     if($row) 
     { 
      $check_password = hash('sha256', $_POST['password'] . $row['salt']); 
      for($round = 0; $round < 65536; $round++) 
      { 
       $check_password = hash('sha256', $check_password . $row['salt']); 
      } 

      if($check_password === $row['password']) 
      { 
       $login_ok = true; 
      } 
     } 

     if($login_ok) 
     {  
      unset($row['salt']); 
      unset($row['password']); 
      $_SESSION['user'] = $row; 

      header("Location: index.php"); 
      die("Redirecting to: index.php"); 
     } 
     else 
     { 
      print("Login Failed."); 
      $submitted_username = htmlentities($_POST['username'], ENT_QUOTES, 'UTF-8'); 
     }  
?>

來源

2014-03-27 user3424633

在'$ login_ok'你正在重定向。那麼爲什麼你需要AJAX？你可以直接提交，不是嗎？您正在AJAX中檢查「正確」，但從未將其設置在您的PHP中。 –

嘗試在你的checklogin返回一個JSON。 php是這樣的：

n您有權訪問此JavaScript中的此json：

$.ajax({ 
    type: "POST", 
    url: "checklogin.php", 
    data: dataString, 
    dataType: 'json', 
    success: function (result) { 
     console.log(result); // debug in console 
     if (result.success) { 
      window.location = 'index.php'; 
     } else { 
      $("#errorMessage").html('something went wrong); 
     } 
    } 
});

來源

2014-03-27 07:28:31 MaiKaY

非常感謝你這麼做，如果我問一個關於json_encode是什麼的簡單解釋，那很多。 – user3424633

json_encode將數組轉換爲json字符串看看這裏：http://www.php.net/manual/en/function.json-encode.php – MaiKaY

謝謝你幫助我，我真的很感激你幫幫我。 – user3424633

您沒有爲ajax請求返回正確的響應。你在檢查; if(result=='correct')但沒有這樣的迴應。你也在做重定向。更新您的代碼，如;

if($login_ok) 
{  
    unset($row['salt']); 
    unset($row['password']); 
    $_SESSION['user'] = $row; 

    echo "correct"; 
}

來源

2014-03-27 07:29:31

感謝您的幫助，此解決方案也工作:) – user3424633

登錄不刷新頁面

回答

相關問題