如何获得使用javascript的PHP返回值？

Question

我正在尝试创建一个ajax请求。这里是我的代码：

function cek(){ 
     var username = $("#username").val(); 
     var password = $("#password").val(); 

     if (username == "" && password == "") { 
      alert("Username and password can't be empty!"); 
     }else { 
      $.ajax({ 
       url: "processLogin.php", 
       type: "POST", 
       data:{ 
        username: $("#username").val(), password: $("#password").val() 
       }, 
       success:function(e){ 
        alert("e"); 
       } 
      }); 
     } 
    } 

这里是PHP代码：

$username = $_POST['username']; 
$password = $_POST['password']; 

$sql = "SELECT * FROM user WHERE nama='$username' AND password='$password'"; 
$query = $db->query($sql)or die(mysqli_error($db)); 
$result = $query->fetch_assoc(); 

if ($query->num_rows == 0) { 
    echo "Username not found!"; 
}elseif ($password != $result['password']) { 
    echo "Password incorrect!"; 
}else{ 
    header('location:index.php'); 
} 

我希望我的程序，以显示基于对if else结果的警报。但它没有显示任何警报。我在谷歌搜索，但我仍然无法使其工作。
字面上我是新使用ajax。我希望有一个人可以帮助我。谢谢。

Answer 1

一个u需要做的事情是取消对警报alert("e");

引号是alert(e);

，那么你需要返回防止提交/使用防止默认加载页面的形式，也返回如果用户名/密码为空，表单将不会继续提交，则为false。

<script type="text/javascript"> 
     function cek(event){ 
       event.preventDefault(); 
       var username = $("#username").val(); 
       var password = $("#password").val(); 
      if (username == "" && password == "") { 
       alert("Username and password can't be empty!"); 
       return false; 
      }else { 

        $.ajax({ 
        url: "processLogin.php", 
        type: "POST", 
        data:{ 
         username: $("#username").val(), password: $("#password").val() 
        }, 
        success:function(e){ 
         alert(e); 
        } 
       }); 


      } 
     } 
    </script> 



    <form method="POST"> 
     <input type="text" name="username" id="username"> 
     <input type="password" name="password" id="password"> 
     <button type="submit" class="button" id="login" onclick="cek(event)">Login</button> 
    </form>