javascript - 使用 AJAX 和 PHP 登录时获取用户配置文件

Question

我想在使用 AJAX 和 PHP 登录时获取用户配置文件数据，而不需要重新加载页面。这是我的login.php 代码。我所要做的就是如果登录成功，我想提醒用户的姓名和电子邮件。

<?php    
  include 'connection.php';    

  $login_mobile = $_POST['login_mobile'];
  $login_password = $_POST['login_password'];

  $check = mysqli_query($connection, "select * from sign_up_users where Mobile = '$login_mobile' and Password = '$login_password'");
  if (mysqli_num_rows($check) > 0)
  {
    $_SESSION['login_mobile'] = $login_mobile;
    echo json_encode(array("statusCode"=>200));
  }
  else
  {
    echo json_encode(array("statusCode"=>201));
  }     
  mysqli_close($connection); `    
?>

function make_login() {
  var login_mobile = $('#login_mobile').val();
  var login_password = $('#login_password').val();
  if (login_mobile != "" && login_password != "") {
    $.ajax({
      url: "php/login.php",
      type: "POST",
      data: {
        login_mobile: login_mobile,
        login_password: login_password
      },
      cache: false,
      success: function(dataResult) {
        var dataResult = JSON.parse(dataResult);
        if (dataResult.statusCode == 200) {
          // if success than i want to store name and email in var of login user
          alert("hurray!!!!");
        } else if (dataResult.statusCode == 201) {
          alert('invalid login');
        }
      }
    });
  } else {
    alert('Please fill all the field !');
  }
}

Answer 1

这是你的 php 代码

<?php    
  include 'connection.php';    

  $login_mobile = $_POST['login_mobile'];
  $login_password = $_POST['login_password'];

  $check = mysqli_query($connection, "select * from sign_up_users where Mobile = '$login_mobile' and Password = '$login_password'");
  if (mysqli_num_rows($check) > 0)
  {
    $_SESSION['login_mobile'] = $login_mobile;

    // you can just add name or email detail in return array to ajax request

    echo json_encode(array("statusCode"=>200,'name'=>$check['name'],'email'=>$check['email'])); 
  }
  else
  {
    echo json_encode(array("statusCode"=>201));
  }     
  mysqli_close($connection); `    
?>

这是你的ajax jquery代码

 function make_login() {
  var login_mobile = $('#login_mobile').val();
  var login_password = $('#login_password').val();
  if (login_mobile != "" && login_password != "") {
    $.ajax({
      url: "php/login.php",
      type: "POST",
      data: {
        login_mobile: login_mobile,
        login_password: login_password
      },
      cache: false,
      success: function(dataResult) {
        var dataResult = JSON.parse(dataResult);
        if (dataResult.statusCode == 200) {
          // if success than i want to store name and email in var of login user

          // You can access name and email like below

             var name = dataResult.name;
             var email = dataResult.email;

          alert(
                 "name="+name+"<br/>"+"email = "+email
               );
        } else if (dataResult.statusCode == 201) {
          alert('invalid login');
        }
      }
    });
  } else {
    alert('Please fill all the field !');
  }
}