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

            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:

PHP脚本部分login.php：

            
            
您可能感兴趣的文章:

jquery ajax 登录验证实现代码

一款经典的ajax登录页面 后台asp.net

asp.net jQuery Ajax用户登录功能的实现

jQuery+Ajax用户登录功能的实现

jQuery.ajax 用户登录验证代码

基于jquery ajax 用户无刷新登录方法详解

PHP+jQuery+Ajax实现用户登录与退出

jQuery+AJAX实现遮罩层登录验证界面（附源码）

Ajax异步方式实现登录与验证

Ajax实现漂亮、安全的登录界面