简单示例AJAX结合PHP代码实现登录效果代码

php  /  管理员 发布于 8年前   212

HTML部分：



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);
} 

Login


User
Name:



Password:



ōnClick="call_login()">

PHP脚本部分login.php：

$username=$_GET["username"];
$password=$_GET["password"];
if($username=="admin" && $password=="admin"){
echo "yes";
}else{
echo "No";
}
?>

您可能感兴趣的文章:

• jQuery+Ajax用户登录功能的实现
• jquery ajax 登录验证实现代码
• 一款经典的ajax登录页面 后台asp.net
• 基于jquery ajax 用户无刷新登录方法详解
• PHP+jQuery+Ajax实现用户登录与退出
• asp.net jQuery Ajax用户登录功能的实现
• jQuery.ajax 用户登录验证代码
• jQuery+AJAX实现遮罩层登录验证界面（附源码）
• Ajax异步方式实现登录与验证
• Ajax实现漂亮、安全的登录界面