登录表单,Ajax调用PHP函数

时间:2018-12-20 14:29:22

标签: javascript php html ajax

我有一个登录表单,我想在其中将Ajax的数据传递到另一个文件的PHP函数中。这样做的目的是希望用户登录时不重新加载页面。

现在,当用户尝试登录时什么也没有发生。好像access.php不在处理从Ajax发送的数据。

有人可以告诉我为什么这不起作用吗?可能的原因是什么?

index.html:

      <div class="login-form">
      <form method="post" action="index.php">
          <input id="username" type="text" placeholder="Username...">
          <input id="password" type="password" placeholder="Password...">
          <button id="button" type="submit">Login</button>
      </form>

      <script src="http://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
      <script type="text/javascript">
      $('#button').click(function(e) {
          e.preventDefault();
          var username = $('#username').val();
          var password = $('#password').val();
          $.ajax({
              type: 'POST',
              url: 'resources/includes/access.php',
              data: {
                func: 'loginSubmit',
                usernamePHP: username,
                passwordPHP: password
               },
              success: function(response) {
                  $('#result').html(response);
              }
          });
      });
      </script>
  </div>

access.php:

function loginSubmit(){
  require '../dbh.inc.php';
  $mailuid = $_POST['usernamePHP'];
  $password = $_POST['passwordPHP'];
  if(empty($mailuid) || empty($password)){
    header("Location: ../../index.php?error=emptyfields");
    exit();
  }
  else{
    $sql = "SELECT * FROM users WHERE uidUsers=? OR emailUsers=?;";
    $stmt = mysqli_stmt_init($conn);
    if(!mysqli_stmt_prepare($stmt, $sql)){
      header("Location: ../../index.php?error=sqlerror");
      exit();
    }
    else{
      mysqli_stmt_bind_param($stmt, "ss", $mailuid, $password);
      mysqli_stmt_execute($stmt);
      $result = mysqli_stmt_get_result($stmt);
      if($row = mysqli_fetch_assoc($result)){
        $pwdcheck = password_verify($password, $row['pwdUsers']);
        if($pwdcheck == false) {
          header("Location: ../../index.php");
          exit();
        }
        else if($pwdcheck == true) {
          session_start();
          $_SESSION['userId'] = $row['idUsers'];
          $_SESSION['userUid'] = $row['uidUsers'];
          header("Location: ../../index.php?login=success");
          exit();
        }
        else{
          header("Location: ../../index.php");
          exit();
        }
      }
    }
  }
}

1 个答案:

答案 0 :(得分:2)

documentation中可以看到,将函数名称原样添加为数据属性,不会调用该函数;

  

数据   类型:PlainObject或字符串或数组

当您调用access.php时,该文件仅包含一个函数定义,而您实际上并未在调用它。

因此,您有两个选择。通过在函数之后添加loginSubmit()来调用函数(在access.php的末尾),或者从函数中完全删除access.php上的代码。