如何使用javascript获取php返回值?

时间:2017-04-20 14:38:09

标签: javascript php ajax

我正在尝试创建一个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的新手。我希望有一个人可以帮助我。谢谢。

1 个答案:

答案 0 :(得分:-1)

您需要做的一件事是删除提醒alert("e");

上的引号

alert(e);

然后你需要返回阻止表单使用prevent default来提交/加载页面,当username / pass为空时也返回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>