时时商务社区

标题: 简单示例AJAX结合PHP代码实现登录效果代码 [打印本页]

作者: xgnic    时间: 2018-2-14 09:23

            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实现漂亮、安全的登录界面
            




    欢迎光临 时时商务社区 (http://bbs.4435.cn/) Powered by Discuz! X3.2