JQuery發佈和接收PHP登錄數據

Question

我很抱歉提前看到似乎是重複的問題，但我真的被卡住了。我將登錄信息發送到驗證用戶名和密碼的php頁面。它工作正常，它說成功或失敗取決於用戶信息是否存在，如圖所示。

我想要做的是發送$用戶值返回到我的JavaScript頁面，然後將它們重定向到用戶頁面，如果它返回「OK」。我不能爲了我的生活找出如何去做。

這裏是我的javascript：

function Userlogin() { 
    $.post("login.php", 
    {    
     username: $("#login_username").val(),   
     pass: $("#login_password").val() 
     success: function(user){ 
      alert("Done!"); 
     } 
    } 
}, 

這是我的PHP：

$username = mysqli_real_escape_string($conn, $_POST['username']); 
$password = mysqli_real_escape_string($conn, $_POST['pass']); 

echo $username; 

$login = mysqli_query($conn, "SELECT * FROM users where username = '$username' and password = '$password'"); 
$num_rows = mysqli_num_rows($login); 

printf("Result set has %d rows.\n", $num_rows); 

mysqli_free_result($login); 

if ($num_rows == 1) { 
    echo "Success"; 
    $user = "ok"; 
} else { 

} 

echo json_encode($user); 
mysqli_close($conn); 

任何幫助將不勝感激。提前致謝！

Answer 1

function Userlogin() { 
    $.post("login.php", 
    {    
     username: $("#login_username").val(),   
     pass: $("#login_password").val() 
    },function(user){ 
      console.log(user)//You'll see what your PHP sent you. 
      if(user == "ok"){ 
       //Redirect 
      }else{ 
       alert("You shall not pass!"); 
      } 
     } 
    ); 
} 

現在的技巧是確保PHP返回只有ok。你也可以發送JSON，就像你試圖做的一樣。但看看console.log結果，你會發現主要問題是你的回聲和打印。你不應該輸出無用的信息，因爲你需要相應地處理答案。

爲了回答您的評論：看你的請求響應的屏幕截圖，您收到3回聲/打印的內容：

Answer 2

如果你想從你所作的請求的響應，創造一個數組或變量在PHP中並附加如下響應：

$responseData['data']['User'] = $User; 

其中$ responseData是一個數組。

內，您的JS：

if($User) { 
echo'<script>window.location="your landing page";</script>'; 
end(); 
} 

Answer 3

可以用PHP呼應，使在JavaScript中使用。

更改密碼在Javascript中：

$.post("login.php", 
    {    
    username: $("#login_username").val(),   
    pass: $("#login_password").val() 
    success: function(user){ 
     if(user == "ok"){ 
       //redirect 
      } 
    } 
    }, 

更改代碼在PHP：

$username = mysqli_real_escape_string($conn, $_POST['username']); 
$password = mysqli_real_escape_string($conn, $_POST['pass']); 
$login = mysqli_query($conn, "SELECT * FROM users where username = '$username' and password = '$password'"); 
$num_rows = mysqli_num_rows($login); 
printf("Result set has %d rows.\n", $num_rows); 
mysqli_free_result($login); 
if($num_rows == 1) { 
    echo "ok" 
} else { 

} 
mysqli_close($conn); 

在PHP只是呼應成功確定，使用相同的JavaScript來驗證它。

Answer 4

編輯您在上面的PHP代碼的一部分這樣發送的登錄狀態和用戶的詳細信息JSON響應

if($num_rows == 1) { 
     $user = $login->fetch_assoc()[0]['username']; 
     $data=array("status"=>"1","user"=>$user); 

    } else { 
     $user = ""; 
     $data=array("status"=>"0","user"=>$user); 
    } 
    echo json_encode($data); 

在你前端JavaScript代碼解析JSON響應，並利用這些信息來重定向到

用戶頁面

function Userlogin() { 
$.post("login.php", 
    {  

    username: $("#login_username").val(),   
    pass: $("#login_password").val() 

    success: function(response){ 
     var data = JSON.parse(response); 
     if(data.status==="1") 
      window.location = "http://example.com/page.php?user="+data.user; 
     else alert("Wrong Username or password"); 
    } 
}, 

PS：不要在您的服務器端代碼中打印或迴應其他任何內容，否則您會在前端得到JSON錯誤。

Answer 5

您正在通過success回調作爲請求參數。試試這個：

function Userlogin() { 
    $.post("login.php", { 
     username: $("#login_username").val(),   
     pass: $("#login_password").val() 
    }, function(user){ 
     alert("Done!"); 
    }); 
}