简单示例:AJAX结合PHP代码实现登录,简单示例:AJAX结合PHP代码实现登录
【PHPChina讯】(event, HTML);" href="javascript:;" target=_self>HTML部分:
<html
<head
<scrīpt language="javascrīpt"
function postRequest(strURL){
var xmlHttp;
if(){ // For Mozilla, Safari, ...
var xmlHttp = new XMLHttpRequest();
}
else if(){ // ForInternetExplorer
var xmlHttp = new ActiveXObject("");
}
(POST, strURL, true);
(Content-Type, application/x-www-form-urlencoded);
= function(){
if ( == 4){
updatepage();
}
}
();
}
function updatepage(str){
if(str=="yes"){
alert("Welcome User");
}else{
alert("Invalid Login! Please try again!");
}
}
function call_login(){
var username = ;
var password= ;
var url = "" + username + "&password=" +password ;
postRequest(url);
}
</scrīpt
</head
<body
<Center
<form name="f1" ōnSubmit="return call_login();"
<table cellspacing="0" cellpadding="0" 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" 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脚本部分:
<?
$username=$_GET["username"];
$password=$_GET["password"];
if($username=="admin" && $password=="admin"){
echo "yes";
}else{
echo "No";
}
?
原文地址: