简单示例AJAX结合PHP代码实现登录效果代码
更新时间：2008年07月25日 08:58:51 作者：
比较简单的通过ajax+php实现登陆功能，这是个简单的例子，固定字符，实际应用中可以从数据库中读取
HTML部分：
<html>
<head>
<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>
</head>
<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="20" 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="20" 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>
</html>
PHP脚本部分login.php：
<?
$username=$_GET["username"];
$password=$_GET["password"];
if($username=="admin" && $password=="admin"){
echo "yes";
}else{
echo "No";
}
?>
<html>
<head>
<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>
</head>
<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="20" 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="20" 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>
</html>
PHP脚本部分login.php：
<?
$username=$_GET["username"];
$password=$_GET["password"];
if($username=="admin" && $password=="admin"){
echo "yes";
}else{
echo "No";
}
?>
相关文章
这篇文章主要介绍了php+memcache实现的网站在线人数统计代码,代码例子简洁实用,需要的朋友可以参考下2014-07-07
这篇文章主要介绍了windows7下安装php的php-ssh2扩展教程,本文同时适用XP系统,但Win8没有测试过,需要的朋友可以参考下2014-07-07
这篇文章主要介绍了thinkphp循环结构用法,以实例形式讲解了for、volist及foreach的用法,是非常实用的技巧,需要的朋友可以参考下2014-11-11
分页效果在网页中是常见的，可是怎样才能实现分页呢，今天做了两种方法来实现一下分页的效果，本文通过实例图文相结合给大家介绍的非常详细，需要的朋友参考下吧2020-12-12
这篇文章主要介绍了Yii框架弹出窗口组件CJuiDialog用法,结合实例形式较为详细的分析了Yii框架组件CJuiDialog的功能、使用方法与具体参数功能,需要的朋友可以参考下2017-01-01
这篇文章主要介绍了php实现12306余票查询、价格查询示例的相关资料2014-04-04
这篇文章主要介绍了php 二维数组快速排序算法的实现代码的相关资料,希望通过本文能帮助到大家，让大家实现这样的功能，需要的朋友可以参考下2017-10-10
在本篇文章里小编给大家分享的是关于php判断数组是否为空的实例方法，需要的朋友们可以参考下。2020-05-05
PHP获取IP地址所在地信息的实例(使用纯真IP数据库qqwry.dat)
下面小编就为大家带来一篇PHP获取IP地址所在地信息的实例(使用纯真IP数据库qqwry.dat)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
这篇文章主要介绍了PHP获取时间排除周六、周日的两个方法,应用在特殊场合,需要的朋友可以参考下2014-06-06
最新评论