PHP如何通过AJAX方式实现登录功能

本文实例讲述了Ajax+PHP+MysqL登陆示例。分享给大家供大家参考。具体如下：运行效果截图如下：

具体代码如下：

1 login.PHP

登录界面中,javascript脚本用ajax方式异步请求dologin.PHP,dologin.PHP负责用户信息验证(包括验证码,PHP 生成验证码可以自行搜索).登录界面的代码如下:

rush:xhtml;"> login

<div style="margin:120px auto auto auto; height:300px; text-align:left">
<div style="font-size:26px;color:#2A3F55; text-align:center;">Ajax PHP Demo System
<img src="Images/appstorm-icon.png" alt="appcation storm image" style="position:relative;top:-18px; left:-12px; vertical-align:middle; text-align:center;font-size:10px; width:65px; height:46px;"/>

SEOut="hidetool();">wangming

姓名:wangming
电商06-2

用户名:

PHP" id="imgCode" alt="image code" height="22px;" style=" vertical-align:bottom;"/> </table>

2 ajaxhelper.js

rush:js;"> function createRequest() { try { request = new XMLHttpRequest(); } catch (tryMS) { try { request = new ActiveXObject("Msxml2.XMLHTTP"); } catch (otherMS) { try { request = new ActiveXObject("Microsoft.XMLHTTP"); } catch (Failed) { request = null; } } } return request; }

function getActivatedobject(e) {
var obj;
if (!e) {
// early version of IE
obj = window.event.srcElement;
} else if (e.srcElement) {
// IE 7 or later
obj = e.srcElement;
} else {
// DOM Level 2 browser
obj = e.target;
}
return obj;
}

function addEventHandler(obj,eventName,handler) {
if (document.attachEvent) {
obj.attachEvent("on" + eventName,handler);
} else if (document.addEventListener) {
obj.addEventListener(eventName,handler,false);
}
}

3 dologin.PHP

rush:PHP;"> }
else
{
echo "{'result':false,'info':'密码错误!'}";
}
}
else
{
echo "{'result':false,'info':'该用户不存在!'}";
}
}
else
{
echo "{'result':false,'info':'验证码错误!'}";
}
?>