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