PHP+jQuery+Ajax实现用户登录与退…

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

查看演示DEMO 下载源码

准备数据库

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

 

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表中插入一条用户信息数据：

 

INSERT INTO `user` (`id`, `username`, `password`, `login_time`, `login_ip`, `login_counts`) 

 VALUES(1, 'demo', 'fe01ce2a7fbac8fafaed7c982a04e229', '', '', 0); 

index.php

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

进入index.php，如果用户已登录则显示登录信息，如果未登录则显示登录框要求用户登录。

 id="login"> 
      

>用户登录