热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

jQuery+ajax+php实现注册登录功能

html代码,login.html<form><label>用户名<label><inputtypete

html代码,login.html









jquery代码,login.js

$('img').click(function(){
$('img').attr('src','php/getVerify.php?'+Math.random());//刷新验证码
})
$('#login').click(function(){
var username=$('#user-name').val();
var password=$("#user-password").val();
var code=$("#code").val();
if(username!=""&&password!=""&&code.length==4){
$.ajax({
type:"POST",
url:"php/userLogin.php",
dataType:"JSON",
data:{
"user_name":username,
"password":password,
"code":code
},
success:function(data){
switch(data){
case 1://普通用户
$.COOKIE("user",username);
$.COOKIE("limit",0);
window.location.href="index.php";
break;
case 2://管理员用户
$.COOKIE("user",username);
$.COOKIE("limit",1);
window.location.href="index.php";
break;
case 3://密码错误
alert("密码错误!");
break;
case 4://用户不存在
alert("该用户不存在!");
break;
case 0://验证码错误
alert("验证码不正确!");
break;
}

}
})
}else{
alert("请检查您的输入!");
}
})
$('#sign').click(function(){
var username=$('#user-name').val();
var password=$("#user-password").val();
var code=$("#code").val();
if(username!=""&&password!=""&&code.length==4){
$.ajax({
type:"POST",
url:"php/addUser.php",
dataType:"JSON",
data:{
"user_name":username,
"password":password,
"code":code
},
success:function(data){
switch(data){
case 1://用户已存在
alert("该用户已存在!请换一个用户名注册。")
break;
case 2://注册成功
alert("注册成功!");
$.COOKIE("user",username);
$.COOKIE("limit",0);
window.location.href="index.php";
break;
case 0://验证码错误
alert("验证码不正确!");
break;
}

}
})
}else{
alert("请检查您的输入!");
}
})

php代码,userLogin.php

header("Content-type: text/html; charset=UTF-8");
session_start();
$name = $_POST['user_name'];
$password=$_POST['password'];
$code=$_POST['code'];
$con=mysql_connect('localhost','root','');
if(!$con){
die('error:'.mysql_error());
}
mysql_select_db('db_name');
$result=mysql_query("select * from users where user_name='$name'");
if($_SESSION['verify']==$code){
if($row=mysql_fetch_array($result)){
if($row['password']==$password){
if($row['power']==0){
echo 1;//普通用户
}else{
echo 2;//管理员用户
}
}else{
echo 3;//密码错误
}
}else{
echo 4;//用户不存在
}
}else{
echo 0;//验证码错误
}

addUser.php

header("Content-type: text/html; charset=UTF-8");
session_start();
$name = $_POST['user_name'];
$password=$_POST['password'];
$code=$_POST['code'];
$con=mysql_connect('localhost','root','');
if(!$con){
die('error:'.mysql_error());
}
mysql_select_db('db_name');
$result=mysql_query("select * from users where user_name='$name'");
if($_SESSION['verify']==$code){
if($row=mysql_fetch_array($result)){
echo 1;//用户已存在
}else{//注册成功
mysql_query("insert into `users` (`user_name`,`password`) values ('$name','$password')");
echo 2;
}
}else{
echo 0;
}





推荐阅读
  • 技术日志:使用 Ruby 爬虫抓取拉勾网职位数据并生成词云分析报告
    技术日志:使用 Ruby 爬虫抓取拉勾网职位数据并生成词云分析报告 ... [详细]
  • 本文探讨了使用JavaScript在不同页面间传递参数的技术方法。具体而言,从a.html页面跳转至b.html时,如何携带参数并使b.html替代当前页面显示,而非新开窗口。文中详细介绍了实现这一功能的代码及注释,帮助开发者更好地理解和应用该技术。 ... [详细]
  • javascript分页类支持页码格式
    前端时间因为项目需要,要对一个产品下所有的附属图片进行分页显示,没考虑ajax一张张请求,所以干脆一次性全部把图片out,然 ... [详细]
  • 解决Bootstrap DataTable Ajax请求重复问题
    在最近的一个项目中,我们使用了JQuery DataTable进行数据展示,虽然使用起来非常方便,但在测试过程中发现了一个问题:当查询条件改变时,有时查询结果的数据不正确。通过FireBug调试发现,点击搜索按钮时,会发送两次Ajax请求,一次是原条件的请求,一次是新条件的请求。 ... [详细]
  • 在JavaWeb开发中,文件上传是一个常见的需求。无论是通过表单还是其他方式上传文件,都必须使用POST请求。前端部分通常采用HTML表单来实现文件选择和提交功能。后端则利用Apache Commons FileUpload库来处理上传的文件,该库提供了强大的文件解析和存储能力,能够高效地处理各种文件类型。此外,为了提高系统的安全性和稳定性,还需要对上传文件的大小、格式等进行严格的校验和限制。 ... [详细]
  • 在PHP中如何正确调用JavaScript变量及定义PHP变量的方法详解 ... [详细]
  • 技术分享:使用 Flask、AngularJS 和 Jinja2 构建高效前后端交互系统
    技术分享:使用 Flask、AngularJS 和 Jinja2 构建高效前后端交互系统 ... [详细]
  • Web开发框架概览:Java与JavaScript技术及框架综述
    Web开发涉及服务器端和客户端的协同工作。在服务器端,Java是一种优秀的编程语言,适用于构建各种功能模块,如通过Servlet实现特定服务。客户端则主要依赖HTML进行内容展示,同时借助JavaScript增强交互性和动态效果。此外,现代Web开发还广泛使用各种框架和库,如Spring Boot、React和Vue.js,以提高开发效率和应用性能。 ... [详细]
  • 本文详细探讨了使用纯JavaScript开发经典贪吃蛇游戏的技术细节和实现方法。通过具体的代码示例,深入解析了游戏逻辑、动画效果及用户交互的实现过程,为开发者提供了宝贵的参考和实践经验。 ... [详细]
  • 本文详细探讨了 jQuery 中 `ajaxSubmit` 方法的使用技巧及其应用场景。首先,介绍了如何正确引入必要的脚本文件,如 `jquery.form.js` 和 `jquery-1.8.0.min.js`。接着,通过具体示例展示了如何利用 `ajaxSubmit` 方法实现表单的异步提交,包括数据的发送、接收和处理。此外,还讨论了该方法在不同场景下的应用,如文件上传、表单验证和动态更新页面内容等,提供了丰富的代码示例和最佳实践建议。 ... [详细]
  • 如果应用程序经常播放密集、急促而又短暂的音效(如游戏音效)那么使用MediaPlayer显得有些不太适合了。因为MediaPlayer存在如下缺点:1)延时时间较长,且资源占用率高 ... [详细]
  • 网站访问全流程解析
    本文详细介绍了从用户在浏览器中输入一个域名(如www.yy.com)到页面完全展示的整个过程,包括DNS解析、TCP连接、请求响应等多个步骤。 ... [详细]
  • 开机自启动的几种方式
    0x01快速自启动目录快速启动目录自启动方式源于Windows中的一个目录,这个目录一般叫启动或者Startup。位于该目录下的PE文件会在开机后进行自启动 ... [详细]
  • 本文介绍了如何利用Struts1框架构建一个简易的四则运算计算器。通过采用DispatchAction来处理不同类型的计算请求,并使用动态Form来优化开发流程,确保代码的简洁性和可维护性。同时,系统提供了用户友好的错误提示,以增强用户体验。 ... [详细]
  • C++ 异步编程中获取线程执行结果的方法与技巧及其在前端开发中的应用探讨
    本文探讨了C++异步编程中获取线程执行结果的方法与技巧,并深入分析了这些技术在前端开发中的应用。通过对比不同的异步编程模型,本文详细介绍了如何高效地处理多线程任务,确保程序的稳定性和性能。同时,文章还结合实际案例,展示了这些方法在前端异步编程中的具体实现和优化策略。 ... [详细]
author-avatar
不需要忆jf
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有