user name psd_php ajax
Htmlfile
<!DOCTYPEhtml> <html> <head> <title>Login</title> <scriptsrc=https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js></script> <script> $(document).ready(function(){ $(“#login-form”).submit(function(event){ Event.preventDefault(); Varusername=$(“#username”).val(); Varpassword=$(“#password”).val(); $.ajax({ url:‘check_login.php’, type:‘post’, data:{username:username,password:password}, success:function(response){ if(response==“valid”){ window.location.href=“dashboard.php”; //redirecttodashboard } Else{ Alert(“Invalidusernameorpassword”); } } }); }); }); </script> </head> <body> <h2>Login</h2> <formid=”login-form”method=”post”> <label>Username:</label> <inputtype=”text”name=”username”id=”username”><br><br> <label>Password:</label> <inputtype=”password”name=”password”id=”password”><br><br> <inputtype=”submit”value=”Login”> </form> </body> </html> Phpfileascheck_login.php <?php //Establishdatabaseconnection $conn=mysqli_connect(‘localhost’,‘username’,‘password’,‘database_name’); If(!$conn){ Die(‘Connectionfailed:‘.mysqli_connect_error()); } //GetusernameandpasswordfromAJAXrequest $username=$_POST[‘username’]; $password=$_POST[‘password’]; //Querytheuserstablefortheenteredusernameandpassword $sql=“SELECT*FROMusersWHEREusername=‘$username’ANDpassword=‘$password’”; $result=mysqli_query($conn,$sql); If(mysqli_num_rows($result)>0){ Echo“valid”; }else{ Echo“invalid”; } //Closedatabaseconnection Mysqli_close($conn); ?