快捷導(dǎo)航

簡(jiǎn)單示例AJAX結(jié)合PHP代碼實(shí)現(xiàn)登錄效果代碼

更新時(shí)間：2008年07月25日 08:58:51 作者：

比較簡(jiǎn)單的通過(guò)ajax+php實(shí)現(xiàn)登陸功能，這是個(gè)簡(jiǎn)單的例子，固定字符，實(shí)際應(yīng)用中可以從數(shù)據(jù)庫(kù)中讀取

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";
}
?>

您可能感興趣的文章:

相關(guān)文章

Laravel框架實(shí)現(xiàn)model層的增刪改查(CURD)操作示例
這篇文章主要介紹了Laravel框架實(shí)現(xiàn)model層的增刪改查(CURD)操作,結(jié)合實(shí)例形式分析了Laravel框架模型model層進(jìn)行數(shù)據(jù)庫(kù)的增刪改查操作具體實(shí)現(xiàn)技巧,需要的朋友可以參考下
2018-05-05
thinkPHP基于ajax實(shí)現(xiàn)的菜單與分頁(yè)示例
這篇文章主要介紹了thinkPHP基于ajax實(shí)現(xiàn)的菜單與分頁(yè),結(jié)合實(shí)例形式分析了thinkPHP基于ajax無(wú)刷新交互實(shí)現(xiàn)菜單及分頁(yè)功能的相關(guān)技巧與注意事項(xiàng),需要的朋友可以參考下
2016-07-07
PHP實(shí)現(xiàn)抽獎(jiǎng)功能實(shí)例代碼
這篇文章主要介紹了PHP如何實(shí)現(xiàn)抽獎(jiǎng)功能，文中示例代碼非常詳細(xì)，供大家參考和學(xué)習(xí)，感興趣的朋友可以了解下
2020-06-06
Zend Framework教程之模型Model用法簡(jiǎn)單實(shí)例
這篇文章主要介紹了Zend Framework教程之模型Model用法,結(jié)合實(shí)例形式簡(jiǎn)單分析了Zend Framework中模型Model的原理,文件組織結(jié)構(gòu)及具體使用方法,需要的朋友可以參考下
2016-03-03
PHP驗(yàn)證碼生成原理和實(shí)現(xiàn)
驗(yàn)證碼在表單實(shí)現(xiàn)越來(lái)越多了，但是用js的寫(xiě)的驗(yàn)證碼，總覺(jué)得不方便，所以學(xué)習(xí)了下php實(shí)現(xiàn)的驗(yàn)證碼的原理和實(shí)現(xiàn)，對(duì)驗(yàn)證碼生成原理相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧
2016-01-01
彈出模態(tài)框modal的實(shí)現(xiàn)方法及實(shí)例
這篇文章主要介紹了彈出模態(tài)框modal的實(shí)現(xiàn)方法及實(shí)例的相關(guān)資料,希望通過(guò)本文能幫助到大家，需要的朋友可以參考下
2017-09-09
PHP并發(fā)查詢MySQL的實(shí)例代碼
本篇文章主要介紹了PHP并發(fā)查詢MySQL的實(shí)例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-08-08
合并ThinkPHP配置文件以消除代碼冗余的實(shí)現(xiàn)方法
這篇文章主要介紹了合并ThinkPHP配置文件以消除代碼冗余的實(shí)現(xiàn)方法,非常實(shí)用的技巧,需要的朋友可以參考下
2014-07-07
PHP實(shí)現(xiàn)登錄驗(yàn)證碼校驗(yàn)功能
這篇文章主要為大家詳細(xì)介紹了PHP實(shí)現(xiàn)驗(yàn)證碼校驗(yàn)功能，主要是利用PHP中的 SESSION功能來(lái)實(shí)現(xiàn)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-05-05
Laravel框架中擴(kuò)展函數(shù)、擴(kuò)展自定義類(lèi)的方法
這篇文章主要介紹了Laravel框架中擴(kuò)展函數(shù)、擴(kuò)展自定義類(lèi)的方法,非常實(shí)用的技術(shù)文章,需要的朋友可以參考下
2014-09-09