首先在用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. iOS截取http/https流量

    0x01.Why? 做移动测试的同学经常会在app和server中间架设一个代理(例如charles或者fiddler等),由经代理,app和server之间的交互及交互内容变得可视化,使得我们不再摸 ...

  2. Alamofire源码解读系列(十)之序列化(ResponseSerialization)

    本篇主要讲解Alamofire中如何把服务器返回的数据序列化 前言 和前边的文章不同, 在这一篇中,我想从程序的设计层次上解读ResponseSerialization这个文件.更直观的去探讨该功能是 ...

  3. React文档翻译系列（三）JSX简介

    # React文档翻译系列(三)JSX简介 先来看一下下面的变量声明: ``` const element = Hello world! ``` 这种有趣的标签语法既不是字符串也不是HTML. 这种形 ...

  4. java初学第二章

    这两天学习了基本的数据类型还有运算符. 分享一下学习过程还有写作~ 数据类型分为基本数据类型还有引用数据类型,基本数据类型有4类8种: 整型: byte,short,int,long 浮点型:floa ...

  5. SPOJ-ANTP [组合数学]

    tags:[组合][预处理]题解:关于方程A+C+B=X的正整数解组数.我们用插板法可知,解的组数=在(X-1)个元素中选择两个元素的方案数故答案为:C(x-1,2)+C(x,2)+C(x+1,2)+ ...

  6. vagrant up 失败解决办法

    前几天在自己电脑搭建vagrant环境报错:"There was an error while executing `VBoxManage`, a CLI used by Vagrant f ...

  7. 老李分享： 并行计算基础&编程模型与工具 2

    2.并行编程模型和工具 – MPI – MPI(Message Passing Interface)是一种消息传递编程模型,服务于进程通信.它不特指某一个对它的实现,而是一种标准和规范的代表,它是一种 ...

  8. 手机自动化测试：appium源码分析之bootstrap十二

    手机自动化测试:appium源码分析之bootstrap十二   poptest是国内唯一一家培养测试开发工程师的培训机构,以学员能胜任自动化测试,性能测试,测试工具开发等工作为目标.如果对课程感兴趣 ...

  9. word-wrap: break-word;与word-break: break-all;文本自动换行

    word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行它们的区别就在于:1,word-break:break-all 例如div宽200 ...

  10. PCIE_DMA实例三：Xilinx 7系列(KC705/VC709)FPGA的EDK仿真

    一:前言 好久没写博客了,前段时间有个朋友加微信请教关于PCIe的一些学习方法.本人也不是专家,只是略知一些皮毛.对于大家反馈的问题未必能一一解答,但一定知无不言.以后我会常来博客园看看,大家可以把问 ...