HTML section:
<scrīpt language= "Javascrīpt" >
function Postrequest (strURL) {
var xmlHttp;
if (window. XMLHttpRequest) {//For Mozilla, Safari, ...
var xmlHttp = new XMLHttpRequest ();
}
else if (window. ActiveXObject) {//For Internet Explorer
var xmlHttp = new ActiveXObject ("Microsoft.XMLHTTP");
}
Xmlhttp.open (' POST ', strurl, true);
Xmlhttp.setrequestheader (' Content-type ', ' application/x-www-form-urlencoded ');
Xmlhttp.onreadystatechange = function () {
if (xmlhttp.readystate = = 4) {
Updatepage (Xmlhttp.responsetext);
}
}
Xmlhttp.send (strURL);
}
function Updatepage (str) {
if (str== "yes") {
Alert ("Welcome User");
}else{
Alert ("Invalid login! Please try again! ");
}
}
function Call_login () {
var username = Window.document.f1.username.value;
var password = window.document.f1.password.value;
var url = "Login.php?username=" + username + "&password=" +password;
Postrequest (URL);
}
</scrīpt>
<body>
<Center>
<form name= "F1" ōnsubmit= "return Call_login ();" >
<table border= "0" bgcolor= "#CCCCCC" cellspacing= "1" cellpadding= "3" width= "316" >
<tr>
<TD align= "left" colspan= "2" ><b><font size= "5" color= "#000080" >login</font></b></ Td>
</tr>
<tr>
<TD align= "Right" width= "124" ><b><font color= "#000080" >user
Name:</font></b></td>
<TD width= "177" ><input type= "text" name= "username" id= "user" size= "value=" "/></td>"
</tr>
<tr>
<TD align= "Right" width= "124" ><b><font color= "#000080" >password:</font></b></td >
<TD width= "177" ><input type= "password" name= "password" size= "value=" "/></td>"
</tr>
<tr>
<TD colspan= "2" align= "center" ><input type= "button" name= "A1" value= "Login" ōnclick= "Call_login ()" ></ Td>
</tr>
</table>
</form>
</center>
</body>
PHP Script Part login.php:
<?
$username=$_GET["username"];
$password=$_GET["password"];
if($username=="admin" && $password=="admin"){
echo "yes";
}else{
echo "No";
}
?>