首先在用ajax之前，先说一下JSON:

JSON:javascript object notation   js对象标记

对于json，我们只需要知道如何定义json？如何输出？怎么遍历？

1、定义json

var a =

{

"one":"111",

"two":"222",

"three":arr,     -------可以是数组（var arr=new Array(2,3,4)）

"four":{"hello":"您好"}------可以是json

}

由此可知：我们用花括号保存对象，用逗号分隔，写法有点像关联数组

2、输出json

alert(a.one)

alert(a.four.hello)

3、遍历json

for(var k in a)

{

alert(a[k]);

}

例题1：用ajax判断用户是否已存在？

1、首先用到数据库表：login表

2、要实现的效果

当输入表中任意一个用户名时，显示该用户已注册

当输入不再表中的任意用户名时，显示可以注册

login.php代码如下:

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

        <!--引入js包-->

        <script src="../jquery-3.2.0.js"></script>

    </head>

    <body>

        <h1>判断用户名是否已存在</h1>

        登录名：<input type="text" id="dl"/><span id="ts"></span><br /><br />

    </body>

</html>

<script type="text/javascript">

//当鼠标失去焦点时显示

$("#dl").blur(function(){

    //必须取值，不然传不到值

    var uid = $(this).val();

    //用ajax去数据库匹配，

    $.ajax({

        url:"login-cl.php",       //要处理的页面

        data:{u:uid},              //要传过去的数据

        type:"POST",               //提交方式

        dataType:"TEXT",          //返回的数据类型，TEXT字符串 JSON返回JSON XML返回XML；dataType中T要大写！！

        success:function(data){          //回调函数，data为形参，是从login-cl.php页面返回的值

            if(data.trim()=="ok")           //trim()去空格，因为会返回全部内容，包括空格回车等，所以

            {

                $("#ts").html("此用户名可以注册！");

                $("#ts").css("color","blue");

            }

            else

            {

                $("#ts").html("此用户名已被注册！");

                $("#ts").css("color","red");

            }

        }

    });

})

</script>

　　

login-cl.php代码：

<?php

$uid=$_POST["u"];

require "DB.class.php";

$db = new DB();

$sql = "select count(*) from login where Username = '{$uid}'";

$arr=$db->query($sql);

if($arr[0][0])

{

    echo "no";

}

else{

    echo "ok";

}

　　

用ajax可以实现在当前页面输出，用户体验好~~~~

这可是我盼望很久的功能啊~~~哈哈哈~

例子2、用ajax添加数据

用到的数据库表：yuangong表

页面效果：

再看数据库：已添加进去了

tianjia.php代码：

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

        <script src="../jquery-3.2.0.js"></script>

    </head>

    <body>

        <h1>添加员工</h1>

        用户名：<input type="text" id="uid" />

        密码：<input type="text" id="pwd" />

        姓名：<input type="text" id="name" />

        <input type="button" id="add" value="添加" />

    </body>

</html>

<script type="text/javascript">

    $("#add").click(function(){

        var uid = $("#uid").val();

        var pwd = $("#pwd").val();

        var name = $("#name").val();

        $.ajax({

            url:"tianjia-cl.php",

            data:{u:uid,p:pwd,n:name},

            type:"post",

            dataType:"TEXT",

            success:function(data){

                if(data.trim()=="ok")

                {

                    alert("添加成功！");

                }

                else

                {

                    alert("添加失败！");

                }

            }

        });

    })

</script>

　　

tianjia-cl.php代码：

<?php

$username=$_POST["u"];

$pwd=$_POST["p"];

$name = $_POST["n"];

require "DB.class.php";

$db = new DB();

$sql = "insert into yuangong values('{$username}','{$pwd}','{$name}')";

if($db->query($sql,0))

{

    echo "ok";

}

else

{

    echo "no";

}

?>

　　

用ajax判断用户是否已存在？----2017-05-12的更多相关文章

  1. 使用Ajax验证用户是否已存在

    在服务器端使用Servlet,里面在集合里存了几个字符串,没有对数据库操作. 前台input页面和Ajax验证: <%@ page language="java" conte ...

  2. springmvc3 拦截器,过滤ajax请求,判断用户登录,拦截规则设置

    web.xml设置:(/拦截所有请求) <servlet> <servlet-name>dispatcher</servlet-name> <servlet- ...

  3. 潭州课堂25班：Ph201805201 django 项目 第九课 图片验证码前台实现，判断用户是否注册功能实现 (课堂笔记）

    u胎代码实现 : 针对每一个 app 写个 js 脚本, 先给 users 的 app 应用创建个 js:在指定目录下的 js 文件夹下,创建 users 文件夹,下创建 suth.js ,图片验证 ...

  4. javaweb历史上最简单的使用Ajax判断用户名是否被注册（不跳转页面奥！）

    关于前端: 使用jquery-3.3.1.js记得要导入奥---最后我会附加我的源码的 哎我也不多说了新手加菜鸟jquery真的不太懂!看代码吧!个别地方我会写上我对本程序的理解. 关于后台也就是se ...

  5. app分享时判断手机是否已安装微信或QQ客户端

    /** * 判断 用户是否安装微信客户端 */ public static boolean isWeixinAvilible(Context context) { final PackageManag ...

  6. ajax来判断用户是否登录与添加

    首先在用ajax之前,先说一下JSON: JSON:javascript object notation   js对象标记 对于json,我们只需要知道如何定义json?如何输出?怎么遍历? 1.定义 ...

  7. Python判断列表是否已排序的各种方法及其性能分析

    目录 Python判断列表是否已排序的各种方法及其性能分析 声明 一. 问题提出 二. 代码实现 2.1 guess 2.2 sorted 2.3 for-loop 2.4 all 2.5 numpy ...

  8. MVC3学习：利用mvc3+ajax检测用户是否被注册

    假设用户名是保存在表Users中.关系模式为Users(Uid,UserName,PassWord) 可先利用mvc自带的模板生成Create页面. 将填写用户名的地方,由原来的 <div cl ...

  9. EasyUI validatebox 自定义ajax验证用户名是否已存在

    <td><input type="text" id="userName" name="userName" class=&q ...

随机推荐

  1. Spring Boot 注解的使用

    Spring Boot 优于Spring mvc ,SSM,SSH 的一个亮点就是他使用了好多的注解. 1. @Autowired 这个注解的作用是将其他的类,接口引入,类似于之前的类的初始化等,用这 ...

  2. SharePoint JavaScript 客户端对象使用视频教程

    本次视频教程是为大家介绍如何使用SharePoint JavaScript客户端对象,包括对于站点.列表.文档库.列表项.文件夹.文件和附件等基本对象的操作,同时,为大家举几个简单的应用的例子,让大家 ...

  3. OpenStack_Glance

    什么是Glace Glance即image service(镜像服务),就是为创建虚拟机提供镜像的地方 为什么要有Glance 这个问题问的好,openstack就是构建Iaas平台对外提供虚拟机的啊 ...

  4. git操作详解

    前言:一般公司git的master主干与线上代码保持一致,在使用git的时候,偶尔会发生一些莫名其妙的事情,很容易导致运营事故.so- 总结一下经常使用的git命令以及git的一些小坑,方便日后查阅 ...

  5. js前端获取页面传递的参数

    转载的,先记下: UrlParm = function () { // url参数 var data, index; (function init() { data = []; index = {}; ...

  6. Luogu1486郁闷的出纳员【Splay】

    P1486 郁闷的出纳员 题目描述 OIER公司是一家大型专业化软件公司,有着数以万计的员工.作为一名出纳员,我的任务之一便是统计每位员工的工资.这本来是一份不错的工作,但是令人郁闷的是,我们的老板反 ...

  7. 老李教你性能测试监控工具nmon

    老李教你性能测试监控工具nmon   loadrunner的某些性能监控器不够强大,这就需要我们利用更好的工具进行监控,在项目中我们会用nmon工具作为辅助性能监控的工具,帮助我们进行性能分析,pop ...

  8. coolpad 5879logcat不能输入日志解决办法

    有几天没完手机了,玩一下,发现不能打印日志了,记得最开始的时候 会弹出一个选项选择是否输出日志,在网上找了好的方法. 1.重启adb,点击DBMS 进行刷新. 2重启eclipse. 3.重装驱动. ...

  9. centos7安装nagios步骤

    一.Nagios简介 Nagios是一款开源的电脑系统和网络监视工具,能有效监控Windows.Linux和Unix的主机状态,交换机路由器等网络设置,打印机等.在系统或服务状态异常时发出邮件或短信报 ...

  10. 浅谈echo、print、var_dump()、print_r()的区别

    1.echo 和 print 的区别 共同点:首先echo 和 print 都不是严格意义上的函数,他们都是语言结构;他们都只能输出 字符串,整型跟int型浮点型数据.不能打印复合型和资源型数据: 而 ...