1.here is my php code
<?php
session_start();
include_once('connection.php');
include_once('function.php');
if(isset($_POST['username']) && isset($_POST['password'])) {
$username = trim( $_POST['username'] );
$password = trim( $_POST['password'] );
if( empty($username) || empty($password)) {
$res = ['error' => true, 'message' => 'All fields are required.'];
echo json_encode($res);
}else {
$user = login($conn, $username, $password);
if(count($user) > 0) {
$_SESSION['id'] = $user['id'];
$_SESSION['name'] = $user['name'];
$_SESSION['username'] = $user['username'];
$res = ['error' => false, 'message' => 'User login successfully.'];
echo json_encode($res);
}else {
$res = ['error' => true, 'message' => 'Username or password is incorrect.'];
echo json_encode($res);
}
}
}
2.here is my html and script code
<?php
include_once('inc/connection.php');
?>
<!DOCTYPE html>
<html>
<head>
<title>login</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
username: <input type="text" name="uesr" id='uesrname' /><br />
password: <input type="password" name="pass" id="password" /><br />
<button type="submit" name="submit" id="login">Login</button>
<script type="text/javascript">
$(document).on('click','#login',function(){
var username = $('#username').val();
var password =$('#password').val();
if( username == '' || password == ''){
//alert('all fields are required');
}else{
$.ajax({
url:'inc/ajax.login.php',
method:'POST',
data:{
username:username,
password:password
},
success:function($res){
console.log($res);
}
});
}
});
</script>
</body> </html>
- List item
