Php 使用ajax登录不起作用

由于某些原因，我无法使用ajax使登录表单正常工作。我已经想了好几个小时我做错了什么。有人能准确指出我遗漏了什么吗？天哪

另外，我认为test.php（又名login）可以工作，因为它可以输出雇员或客户。我不确定我错过了什么

编辑：我不确定我的ajax是否正常工作。我还在学习ajax。我认为ajax部分不起作用，因为它甚至没有进入这个部分

success: function(response){
              if(response == 'employee'){

                  $("#frm_login").slideUp('slow', function() {
                      $("#error").html('<p>employeee</p>');
                  };
               } 
            }

            else 
              if(response == 'customer'){

                  $("#frm_login").slideUp('slow', function() {
                      $("#error").html('<p>customerrr</p>');
                  };
               } 
          });

成功：功能（响应）{
如果（响应=‘员工’）{
$（“#frm_login”）.slideUp（'slow'，function（）{
$（“#error”）.html（“employeee
”）；
};
} 
}
其他的
如果（响应=‘客户’）{
$（“#frm_login”）.slideUp（'slow'，function（）{
$（“#error”）.html（“customerrr
”）；
};
} 
});

login.html

<form id="frm_login" class="animated fadeIn"  method="POST">  
                    <div id="error"></div>   
                    <div class="row form-row m-l-20 m-r-20 xs-m-l-10 xs-m-r-10">
                      <div class="col-md-6 col-sm-6 ">
                        <input name="username" id="username" type="username"  class="form-control" placeholder="Username">
                      </div>
                      <div class="col-md-6 col-sm-6">
                        <input name="password" id="password" type="password"  class="form-control" placeholder="Password">
                      </div>
                    </div>

我的阿贾克斯

<script>


$(document).ready(function() {

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


      var form_data = {

          username: $("#username").val(),
          password: $("#password").val(),
          is_ajax: 1
      };

      $.ajax({

        type: 'POST',
        url: 'test.php',
        data: form_data,
        success: function(response){
          if(response == 'employee'){

              $("#frm_login").slideUp('slow', function() {
                  $("#error").html('<p>employeee</p>');
              };
           } 
        }

        else 
          if(response == 'customer'){

              $("#frm_login").slideUp('slow', function() {
                  $("#error").html('<p>customerrr</p>');
              };
           } 
      });


      return false;   

    });
});
</script>

$（文档）.ready（函数（）{
$（'#login'）。单击（函数（）{
变量形式_数据={
用户名：$（“#用户名”）.val（），
密码：$（“#密码”）.val（），
这是阿贾克斯：1
};
$.ajax({
键入：“POST”，
url:'test.php'，
数据：表格数据，
成功：功能（响应）{
如果（响应=‘员工’）{
$（“#frm_login”）.slideUp（'slow'，function（）{
$（“#error”）.html（“employeee
”）；
};
} 
}
其他的
如果（响应=‘客户’）{
$（“#frm_login”）.slideUp（'slow'，function（）{
$（“#error”）.html（“customerrr
”）；
};
} 
});
返回false；
});
});

这是我的test.php a.k.a my login.php

<?php
session_start();
include ('assets/includes/config.php');


        // username and password sent from Form
        $username=mysqli_real_escape_string($conn,$_POST['username']); 
        //Here converting passsword into MD5 encryption. 
        $password=md5(mysqli_real_escape_string($conn,$_POST['password']));

        $login_status = 'invalid';


        $query = mysqli_query($conn, "SELECT * FROM users where user = '$username' and password='$password'");
        $count = mysqli_num_rows($query);
        $row = mysqli_fetch_array($query);

         if($count == 1)
            {
                if($row['role'] == 1)
                {


                    $login_status = 'employee';
                    $_SESSION['username'] = $row['user'];


                }
                else if($row['role'] == 0)
                    {
                        $login_status = 'customer';
                        $_SESSION['username'] = $row['user'];
                    }

                    else {

                        $login_status = 'none';
                    }
            }

        echo($login_status);
 ?>

---

尝试将ajax调用更改为此（未测试）：

$（文档）.ready（函数（）{
//假设这是要提交的按钮
$（“#登录”）。单击（函数（）{
变量形式_数据={
用户名：$（“#用户名”）.val（），
密码：$（“#密码”）.val（），
这是阿贾克斯：1
};
$.ajax({
键入：“post”，
url:'test.php'，
数据：表格数据，
成功：功能（响应）{
如果（响应=‘员工’）{
$（“#frm_login”）.slideUp（'slow'，function（）{
$（“#error”）.html（“employeee
”）；
});
}否则如果（响应=‘客户’）{
$（“#frm_login”）.slideUp（'slow'，function（）{
$（“#error”）.html（“customerrr
”）；
});
}
}
});
});
});

“它不工作”是对问题的拙劣描述。帮助我们帮助你。嗨，jason，我不确定我是否做对了ajax部分。html和php部分工作正常。但出于某种原因，我认为我的ajax不工作。它甚至没有进入成功部分。你的ajax缺少了一些类似于

）的内容

@imarcelocc在哪一部分？你的JavaScript中有很多错误。如果你看控制台，你会发现。这里有一个整洁的版本：很好用：）你的JavaScript有很多错误，你只需要在打开和关闭标记时小心，调用哪个元素对其执行JavaScript操作，就可以了：）

    $(document).ready(function () {

    // Assume this is your button to submit
    $('#login').click(function () {

        var form_data = {

            username: $("#username").val(),
            password: $("#password").val(),
            is_ajax: 1
        };

        $.ajax({

            type: 'post',
            url: 'test.php',
            data: form_data,
            success: function (response) {
                if (response == 'employee') {

                    $("#frm_login").slideUp('slow', function () {
                        $("#error").html('<p>employeee</p>');
                    });

                } else if (response == 'customer') {

                    $("#frm_login").slideUp('slow', function () {
                        $("#error").html('<p>customerrr</p>');
                    });
                }
            }
        });
    });
});