login using Ajax

msi_333 · **Posted:** Fri Dec 26, 2008 1:43 am

Hi, i have created a code to login using ajax , the code is so easy , here i have two files , one contain the ajax code with a form to login and other file contain the check on the username and password .
Here is the first file Ajaxlogin.php :

Code:

<html>
<head>
<script language="javascript">
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){
ajaxloginupdate(xmlHttp.responseText);
}
}
xmlHttp.send(strURL);
}

function ajaxloginupdate(str){
if(str=="ok"){
alert("Hi , user");
}else{
alert("Login falied try again later");
}
}

function loginajax(){
var username = window.document.loginform.username.value;
var password = window.document.loginform.password.value;
var url = "login.php?username=" + username + "&password=" +password ;
postRequest(url);
} 
</script>
</head>

<body>
<Center>

<form name="loginform" onsubmit="return loginajax();">
<table border="0" bgcolor="#00CC66" cellspacing="1" cellpadding="3" width="300">
<tr>
<td align="left" colspan="2" width="300"><b><font size="5" color="#990000">Login Form</font></b></td>
</tr>
<tr>
<td align="right" width="90"><b><font color="#0000CC">Username:</font></b></td>
<td width="175"><input type="text" name="username" id="user" size="30" value="" /></td>
</tr>
<tr>
<td align="right" width="90"><b><font color="#0000CC">Password:</font></b></td>
<td width="175"><input type="password" name="password" size="30" value="" /></td>
</tr>
<tr>
<td colspan="2" align="center" width="275"><input type="button" name="LoginButton" value="Login" onclick="loginajax()"></td>
</tr>
</table>
</form>

</center>
</body>
</html>

Here the second file , you can make a check for the username and password in your database ,but for simplicity i just make a check for a certain username and password .

Code:

<?
$username=$_GET["username"];
$password=$_GET["password"];
if($username=="root" && $password=="root"){
echo "ok";
}else{
echo "fail";
}
?>

login using Ajax

Users browsing similar posts