我无法登录使用PHP（pdo）＆AJAX

Question

我正在使用框架7，我试图使用PHP（PDO）和Ajax登录，但每次它出现“登录失败”甚至如果在电子邮件和密码输入中插入了正确的数据，也不会出现错误，我可以使用PHP（PDO）进行注册，并且一切都很顺利，但无法登录，请告知有什么问题我的代码

index.php 

<div class="pages navbar-through" class="login-screen"> 
<div data-page="index" class="page no-navbar no-toolbar"> 
<div class="page-content" style="background:url(img/bg1.png) ;background- 
size: 100%"> 
<div class="content-block-title center"> 
</div> 


<span style="float: right;color: white;margin:20px;font-size: 20px"> 
<b>عربي</b></span> 


<div class="list-block" style="margin:100px 70px auto 70px;"> 

<img src="img/logo2.png" style="height: 55px ;width: 100%;margin-bottom: 
60px;text-align: center;"> 
<div class="item-input" style="border-bottom: 1px solid gray"> 
<input type="text" placeholder="Email" id="email" name="email" style="font- 
size: 15px;color: white;" required> 
</div> 

<div class="item-input" style="border-bottom: 1px solid gray;margin-top: 
10px"> 
<input type="password" name="password" placeholder="password" id="password" 
style="font-size: 15px;color: white"; required> 
</div> 



<div style="text-align: center ;margin-top: 30px"> 
<a href="#" style="color: #00bcd4 ;font-size: 15px">Forgot your password ? 
</a> 
<span id="login_message"><img src="img/ajax-loader.gif" style="display: 
none;"></span> 

<center><button style="margin-top: 20px; background-color: #00bcd4;border- 
radius: 0px;height: 45px; width: 240px; color: white; text-align: center;" 
name="login-btn" class="list-button" id="login-btn" name="login-btn">Login</button></center> 



<p style="color: white;font-size: 13px;margin-top: 40px"> You don't have 
account? </p> 
<a href="registeration.php" style="color: #ffeb3b ;font-size: 
13px">REGISTER</a> 
</div> 
</div> 
</div> 
</div> 
</div> 
</div> 
</div> 
</div> 

my-App.js 

$(document).ready(function() { 
$('#login-btn').click(function() { 
var email = $('#email').val(); 
var password = $('#password').val(); 

if($.trim(email).length > 0 && $.trim(password).length > 0) 
{ 
$.ajax({ 
url:"login.php", 
method: "POST", 
data: {email:email, password:password}, 
cache: false, 
beforeSend:function() 
{ 
$('#login-btn').val("connecting..."); 
}, 
success:function(data){ 
if(data){ 
myApp.alert('Login successful'); 
} 
else{ 
myApp.alert('Login failed'); 
} 
} 
}); 
} 
}); 
}); 

login.php 

<?php 
require_once 'config.php'; 
session_start(); 
if(isset($_POST['login-btn'])){ 
$email = $_POST['email']; 
$password = $_POST['password']; 

$select = $db_con->prepare("SELECT * FROM user WHERE email='$email' and 
password='$password'"); 
$select->setFetchMode(PDO::FETCH_ASSOC); 
$select->execute(); 
$data=$select->fetch(); 
if($data['email']!=$email and $data['password']!=$pass) 
{ 
echo "invalid email or password"; 
} 
elseif($data['email']==$email and $data['pass']==$pass) 
{ 
$_SESSION['email']=$data['email']; 
echo "successful"; 
} 
} 
?> 

Answer 1

你login.php文件有此检查尝试登录前：

if(isset($_POST['login-btn'])){ 

豪如果你改变你的if语句来检查$_POST['email']代替

data: {email:email, password:password}, 

：版本，你的AJAX脚本不发送一个名为“登录-BTN”的值，只有所谓的“电子邮件”值和值称为“密码” ，它应该工作，假设没有其他问题。

请注意，您的查询容易受到SQL注入的影响。请使用绑定的参数，而不是直接在查询中使用的变量：

$select = $db_con->prepare("SELECT * FROM user WHERE email=:email and password=:password"); 
$select->setFetchMode(PDO::FETCH_ASSOC); 
$select->execute(array(':email' => $email, ':password' => $password);