尽管使用了正确的用户名和密码,PHP和Javascript登录仍无法正常工作

时间:2017-01-24 03:37:32

标签: javascript php jquery html ajax

我尝试在.js和.php文件之间发送数据以进行登录。我已经设法使用ajax将数据从js发送到php,但是我对.php文件中的登录检查有一些困难,循环总是返回"失败"在firebug中,无论用户名和密码是否正确。

我已经尝试匹配用户名和密码,但它似乎并没有按我的意愿工作。我对此很陌生,所以我可能犯了一个错误,但不知道出了什么问题。我已经检查了与此类似的各种问题,但没有一个能够提供帮助。如果我能得到一些帮助,我将不胜感激!以下是代码:

的.js

$(document).ready(function() {

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

        var email = $("#email").val();
        var password = $("#password").val();

        //checking for blank fields
        if (email == '' || password == '') {
            $('input[type="text"],input[type="password"]').css("border", "2px solid red");
            $('input[type="text"],input[type="password"]').css("box-shadow", "0 0 3px red");
            alert("Please fill up all the fields");
        } 
        else 
        {
            $.ajax({
                    type: "POST",
                    url: "http://localhost/Reward/applogin.php",
                    data: {log_email: JSON.stringify(email), log_pwd: JSON.stringify(password)},
                    dataType: 'JSONP',
                    crossDomain: true,
                    cache: false,

                    success: function(data) 
                    {
                        if (data == 'Invalid Email') 
                        {
                            $('input[type="text"]').css({
                                "border": "2px solid red",
                                "box-shadow": "0 0 3px red"
                            });
                            $('input[type="password"]').css({
                                "border": "2px solid #00F5FF",
                                "box-shadow": "0 0 5px #00F5FF"
                            });
                            alert(data);
                        } 
                        else if (data == "Email or Password is incorrect") 
                        {
                            $('input[type="text"],input[type="password"]').css({
                                "border": "2px solid red",
                                "box-shadow": "0 0 3px red"
                            });
                            alert(data);
                        } 
                        else if (data == "Successfully Logged in") 
                        {
                            alert("Success");
                            $("form")[0].reset();
                            $('input[type="text"],input[type="password"]').css({
                                "border": "2px solid #00F5FF",
                                "box-shadow": "0 0 5px #00F5FF"
                            });

                            alert(data);
                        } 
                        else 
                        {
                            alert(data);
                        }

                    }
            })
        }
    });
});

.PHP

    <?php
header('Content-Type: application/json');

require 'dbcon.php';

if((isset($_POST["log_email"])) && (isset($_POST["log_pwd"]))) 
{
    require 'dbcon.php';
    $log_email = json_decode($_POST["log_email"]);
    $log_pwd = json_decode($_POST["log_pwd"]);

    $result = $con->prepare("SELECT `acc_email`, `acc_pwd` FROM `account` WHERE `acc_email` = ?");
    $result->bind_param('s', $log_email);
    $result->execute();
    $result->bind_result($acc_email, $acc_pwd);

    if($result->fetch())
      {
        if ($acc_email == $log_email && $acc_pwd == $log_pwd) 
        {
          $data="Successfully Logged in";
          echo json_encode ($data);
        }
        else
        {
          $data="Email or Password is incorrect";
          echo json_encode($data);
        }
      }
    else
      {
        echo json_encode ("Failed");
      }  
    //connection closed
    mysqli_close ($con);
}

else
{
    echo json_encode ("Super Failed");
}
?>
编辑:我已尝试使用测试.php文件来查看它是否会产生任何影响。似乎&#34; if&#34;循环被忽略,它直接跳到&#34;否则&#34;部分和回声&#34;你输了&#34;作为萤火虫的回应。如果我删除了else部分,则根本没有响应。

这是我使用的测试.php文件:

<?php

if(isset($_POST['log_email']))
{
        echo json_encode("blablabla");
}
else 
{
  echo json_encode("u lose");
}

?>

2 个答案:

答案 0 :(得分:2)

我认为错误就在这里:

$result = $con->prepare("SELECT `acc_email`, `acc_pwd` FROM `account` WHERE `acc_email` = ?");
$result->bind_param('ss', $log_email, $log_pwd);

以这种方式更改第二行:

$result->bind_param('s', $log_email);

您只需要比较电子邮件,而不是密码和电子邮件。

现在,这个片段也是不必要的:

$acc_email = $acc_email;
$acc_pwd = $acc_pwd;

所以你的函数应该是这样的:

<?php

require 'dbcon.php';

if(isset($_POST["log_email"]) && isset($_POST["log_pwd"])) 
{
    require 'dbcon.php';
    $log_email = mysqli_real_escape_string($con, $_POST["log_email"]);
    $log_pwd = mysqli_real_escape_string($con, $_POST["log_pwd"]);

    $result = $con->prepare("SELECT `acc_email`, `acc_pwd` FROM `account` WHERE `acc_email` = ?");
    $result->bind_param('s', $log_email);
    $result->execute();
    $result->bind_result($acc_email, $acc_pwd);

    if($result->fetch())
      {
        if ($acc_email == $log_email && $acc_pwd == $log_pwd) 
        {
           echo json_encode ("Successfully Logged in");
        }else{
            echo json_encode("Email or Password is incorrect");
        }
      }
    else
      {
        echo json_encode ("Failed");
      }  
    //connection closed
    mysqli_close ($con);
}else{
    echo json_encode ("Failed");
}
?>

答案 1 :(得分:0)

更新:我发现问题出在我用来发送Ajax请求的数据类型上。我提到了这个链接http://www.fbloggs.com/2010/07/09/how-to-access-cross-domain-data-with-ajax-using-jsonp-jquery-and-php/寻求帮助,它现在正在运作。