ajax开发：jqueryajax+php的登录与退出功能实现

用户登录与退出功能应用在很多地方，而在有些项目中，我们需要使用Ajax方式进行登录，登录成功后只刷新页面局部，从而提升了用户体验度。本文将使用PHP和jQuery来实现登录和退出功能。

准备数据库

本例我们使用Mysql数据库，创建一张user表，表结构如下：

?

1 2 3 4 5 6 7 8 9

CREATE TABLE ` user ` (   `id` int (11) NOT NULL auto_increment,   `username` varchar (30) NOT NULL COMMENT '用户名' ,   ` password ` varchar (32) NOT NULL COMMENT '密码' ,   `login_time` int (10) default NULL COMMENT '登录时间' ,   `login_ip` varchar (32) default NULL COMMENT '登录IP' ,   `login_counts` int (10) NOT NULL default '0' COMMENT '登录次数' ,   PRIMARY KEY (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8;

然后往user表中插入一条用户信息数据：

?

1 2	INSERT INTO ` user ` (`id`, `username`, ` password `, `login_time`, `login_ip`, `login_counts`)   VALUES (1, 'demo' , 'fe01ce2a7fbac8fafaed7c982a04e229' , '' , '' , 0);

index.php

用户在输入用户名和密码后，提示用户登录成功，并显示相关登录信息，如果点击“退出”，则退出到用户登录界面。
进入index.php，如果用户已登录则显示登录信息，如果未登录则显示登录框要求用户登录。

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

<div id= "login" >     <h3>用户登录</h3>     <?php     if (isset( $_SESSION [ 'user' ])){     ?>     <div id= "result" >      <p><strong><?php echo $_SESSION [ 'user' ];?></strong>，恭喜您登录成功！</p>      <p>您这是第<span><?php echo $_SESSION [ 'login_counts' ];?></span>次登录本站。</p>      <p>上次登陆本站的时间是：<span><?php echo date ( 'Y-m-d H:i:s' , $_SESSION [ 'login_time' ]);?> </span></p><p><a href=