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

2016-01-29 13:22 33 1 收藏

简单示例:AJAX结合PHP代码实现登录,简单示例:AJAX结合PHP代码实现登录

【 tulaoshi.com - PHP 】

 【PHPChina讯】 javascript:tagshow(event, 'HTML');" href="javascript:;" target=_self>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:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/php/)

<?
$username=$_GET["username"];
$password=$_GET["password"];
if($username=="admin" && $password=="admin"){
echo "yes";
}else{
echo "No";
}
?

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/php/)

原文地址:


来源:http://www.tulaoshi.com/n/20160129/1489924.html

延伸阅读
标签: Web开发
兼容: opera 9.6 + chrome 2.0 + FF 3 + IE 6 效果:一边输入一边实现验证   环境:ruby 1.8.6 + rails 2.1.0 + windows 核心代码: html: 浏览器禁用javascript时显示提示信息: 代码如下: noscript div style="color:red"您的浏览器不支持javascript,部分功能无法使用/div /noscript 当浏览器禁用JS后,提交按钮不可用,实现客户...
标签: PHP
导航的实现 虽然表格列出了目录中的一些图像,但用户还需要一种查看表格中未出现的图片的方法。要真正实现分页器的导行,则需要一套标准的链接:首页、上一页、和尾页。 清单 3. 分页器导航 // Append navigation $output = '<h4>Showing items ' . $limit_start . '-' . min($limit_start + $limit_step - 1,...
标签: PHP
将 Sajax 连接到相册 利用刚刚创建的代码,我们将用 Sajax 迅速把相册从多页面应用程序转化成 活动 的 Ajax 应用程序。 因为相册主要有两个函数,get_table() 和 get_image(),这也是需要用 Sajax 导出的全部函数。事实上,为了通过 Sajax 调用这些函数,这些函数本身基本上不需要修改,很快我们就会看到,我们只需...
标签: PHP
扩展相册 使用 Sajax 把我们的相册变成 活动 的 Web 应用程序如此轻而易举,我们要再花点时间添加一些功能,进一步说明 Sajax 如何使从服务器检索数据变得完全透明。我们将为相册添加元数据功能,这样用户就能为他们的图片添加说明。 元数据 没有上下文说明的相册是不完整的,比如照片的来源、作者等。为此我...
标签: PHP
<?php if(!$whichpage) {   $notepage=1; } else { $notepage=$whichpage; } $noterecs=0; $pagesize=10; $bbsconn=mysql_connect("localhost","root"); mysql_select_db("rainwindy",$bbsconn); $bbsresult=mysql_query("select * from bbs order by id desc"...

经验教程

711

收藏

29
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部