调用AJAX做登陆和注册
先建立一个页面来检测一下我们建立的用户名能不能用，看一下有没有已经存在的用户名吗
可以通过ajax提示一下
$("#uid").blur(function(){
//取用户名
var uid = $(this).val();
//查数据库，调ajax
$.ajax({
url:"testchuli.php",//处理页面的地址
data:{u:uid},//要传递的数据
type:"POST",//提交方式
dataType:"TEXT",//返回数据的格式
success:function(data){//当处理页面执行成功之后过来调用的方法 ，回调函数，自动的
var str = "";
if(data.trim()=="OK")
{
str = "该用户名可用";
$("#tishi").css("color","green");
}
else
{
str = "该用户名已存在";
$("#tishi").css("color","red");
}
$("#tishi").text(str);
}
});
})
若果有了就显示用户名已存在 用红字显示
如果没有就用绿颜色的字来显示该用户名可用
做登录界面
我们也用ajax调用提示一下，连接到登录处理页面
<?php
include("../fengzhuang/dbda.class.php");
$db = new dbda();
$uid = $_POST["u"];
$pwd = $_POST["p"]; $sql= "select pwd from users where uid='{$uid}'";
$attr = $db->query($sql);
if(!empty($pwd) && !empty($attr) && $attr[][]==$pwd)
{
echo"OK";
}
else
{
echo"NO";
}
然后处理完毕后
在执行ajax的 红色标记的
$("#btn").click(function(){
//取用户名和密码
var uid = $("#uid").val();
var pwd = $("#pwd").val();
//调ajax
$.ajax({
url:"dengluchuli.php",//连接到处理页面
data:{u:uid,p:pwd},
type:"POST",
dataType:"TEXT",
success: function(data){
if(data.trim()=="OK")
{
window.location.href="ajiakesi.php"; //执行成功后转到的网页
}
else
{
alert ("用户名或密码错误");
}
}
});
})
执行失败后有提示
检查有没有已存在用户名的代码
<script src="../jquery/jquery-1.11.2.min.js"></script>
</head> <body> <input type="text" id="uid"/>
<span id="tishi"></span>
</body>
<script type="text/javascript">
$("#uid").blur(function(){
//取用户名
var uid = $(this).val();
//查数据库，调ajax
$.ajax({
url:"testchuli.php",//处理页面的地址
data:{u:uid},//要传递的数据
type:"POST",//提交方式
dataType:"TEXT",//返回数据的格式
success:function(data){//当处理页面执行成功之后过来调用的方法 ，回调函数，自动的
var str = "";
if(data.trim()=="OK")
{
str = "该用户名可用";
$("#tishi").css("color","green");
} else
{
str = "该用户名已存在";
$("#tishi").css("color","red"); } $("#tishi").text(str); }
}); }) </script>
封装类
<?php
class dbda
{
public $host="localhost";
public $uid="root";
public $pwd="";
public $dbname="asdadads"; //成员方法
public function query($sql,$type=)
{
$db= new MySQLi($this->host,$this->uid,$this->pwd,$this->dbname);
$r=$db->query($sql);
if($type==)
{
return $r->fetch_all();
}
else
{
return $r;
}
}
}
检查的处理页面
<?php
include("../fengzhuang/dbda.class.php");
$db = new dbda(); $uid = $_POST["u"];
$sql= "select count(*) from users where uid='{$uid}'"; $attr = $db->query($sql);
if($attr[][]>)
{
echo"NO";
}
else
{
echo"OK";
}
登录页面的检测
<script src="../jquery/jquery-1.11.2.min.js"></script>
</head> <body>
<div>
账号：<input type="text" id="uid" />
</div>
<div>
密码：<input type="password" id="pwd" />
</div>
<input type="button" value="登陆" id="btn" />
</body>
<script type="text/javascript">
$("#btn").click(function(){
//取用户名和密码
var uid = $("#uid").val();
var pwd = $("#pwd").val();
//调ajax
$.ajax({
url:"dengluchuli.php",
data:{u:uid,p:pwd},
type:"POST",
dataType:"TEXT",
success: function(data){
if(data.trim()=="OK")
{
window.location.href="ajiakesi.php"; }
else
{
alert ("用户名或密码错误");
} } });
}) </script>
登录的处理页面
<?php
include("../fengzhuang/dbda.class.php");
$db = new dbda();
$uid = $_POST["u"];
$pwd = $_POST["p"]; $sql= "select pwd from users where uid='{$uid}'";
$attr = $db->query($sql);
if(!empty($pwd) && !empty($attr) && $attr[][]==$pwd)
{
echo"OK";
}
else
{
echo"NO";
}
调用AJAX做登陆和注册的更多相关文章
- 本博文将一步步带领你实现抽屉官网的各种功能：包括登陆、注册、发送邮箱验证码、登陆验证码、页面登陆验证、发布文章、上传图片、form验证、点赞、评论、文章分页处理以及基于tronado的后端和ajax的前端数据处理。
本博文将一步步带领你实现抽屉官网的各种功能:包括登陆.注册.发送邮箱验证码.登陆验证码.页面登陆验证.发布文章.上传图片.form验证.点赞.评论.文章分页处理以及基于tronado的后端和ajax的 ...
- 用AJAX实现页面登陆以及注册用户名验证
AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术. AJAX 是一种用于创建快 ...
- 使用ajax 做注册登录示例，
需求:使用AJAX 做一个注册登录示例, 如用户名已存在, 在填写用户名时给与提示. 1:首先创建一个新的django项目.做好配置 在settings.py文件里做好数据库配置: 1. 告诉Djan ...
- 11月10日上午ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库
1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...
- ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库
1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...
- 使用PHP中的ajax做登录页面、验证用户名是否可用、动态调用数据库
1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...
- 14.ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库
1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...
- vue 做登陆页面 （ 登陆成功后去掉注册和登陆按钮 显示用户名）
1.当登陆成功 显示用户名且去掉登陆和注册按钮 2.data里声明 后 就在登陆的方法里调用啦 下面说一下登陆的方法. 1.登陆的按钮代码在第一张图片里 2.登陆的弹出框 3.方法 ps:另一种 ...
- php实现微信扫码自动登陆与注册功能
本文实例讲述了php实现微信扫码自动登陆与注册功能.分享给大家供大家参考,具体如下: 微信开发已经是现在程序员必须要掌握的一项基本的技术了,其实做过微信开发的都知道微信接口非常的强大做起来也非常的简单 ...
随机推荐
- Scrapy框架爬虫初探——中关村在线手机参数数据爬取
关于Scrapy如何安装部署的文章已经相当多了,但是网上实战的例子还不是很多,近来正好在学习该爬虫框架,就简单写了个Spider Demo来实践.作为硬件数码控,我选择了经常光顾的中关村在线的手机页面 ...
- C语言 · Torry的困惑(基本型)
问题描述 Torry从小喜爱数学.一天,老师告诉他,像2.3.5.7--这样的数叫做质数.Torry突然想到一个问题,前10.100.1000.10000--个质数的乘积是多少呢?他把这个问题告诉老师 ...
- C语言 · 判定数字
编写函数,判断某个给定字符是否为数字. 样例输入 9 样例输出 yes #include<stdio.h> int main(){ char c; scanf("%c" ...
- 前端学HTTP之重定向和负载均衡
前面的话 HTTP并不是独自运行在网上的.很多协议都会在HTTP报文的传输过程中对其数据进行管理.HTTP只关心旅程的端点(发送者和接收者),但在包含有镜像服务器.Web代理和缓存的网络世界中,HTT ...
- Paypal开发中遇到请求被中止: 未能创建 SSL/TLS 安全通道及解决方案
最近在基于ASP.NET上开发了Paypal支付平台,在ASP.NET开发的过程中没有遇到这个问题,但是引用到MVC开发模式中的时候就出现了"未能创建 SSL/TLS 安全通道及解决方案&q ...
- 如何在ASP.Net创建各种3D图表
我们都知道,图表在ASP.NET技术中是一种特别受欢迎而又很重要的工具.图表是表示数据的图形,一般含有X和Y两个坐标轴.我们可以用折线,柱状,块状来表示数据.通过图表控件,我们即能表示数据又能比较各种 ...
- Linux主机上使用交叉编译移植u-boot到树莓派
0环境 Linux主机OS:Ubuntu14.04 64位,运行在wmware workstation 10虚拟机 树莓派版本:raspberry pi 2 B型. 树莓派OS: Debian Jes ...
- 易用BPM时代，软件开发者缘何选择H3？
近年来,企业级软件开发市场暗流汹涌,呈现出多种态势.软件开发团队规模趋于小型化,工作方式趋于快捷化,超过半数的软件开发者在工作中会选择使用易用的软件开发工具.随着流程管理越来越受到企业的重视,流程开发 ...
- Android中的flexboxlayout布局
提到FlexboxLayout大家估计有点模糊,它是谷歌最近开源的一个android排版库,它的前身Flexbox是2009年W3C提出了一种新的布局,可以简便.完整.响应式的实现页面布局,Flexb ...
- Atitit.cto 与技术总监的区别
Atitit.cto 与技术总监的区别 1. 核心区别1 2. Cto主要职责1 3. 如何提升到cto1 4. CTO五种基本的必备素质:2 5. 2 1. 核心区别 技术总监(Chief Tech ...