首先在用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. Babel指南——基本环境搭建

    ECMAScript的现状 ECMAScript,本身是一个脚本语言的设计规范,基于此规范,有许多为人熟知的语言,如JavaScript.ActionScript等.而时至几年前,随着Node.js的 ...

  2. css 多行超长点点点

    超长?不是很好吗?什么?不好?有什么坏处吗?会使人想哭的! 这里来说下,超长点点点的处理: 一行超长点点点,这个很多都会吧! text-overflow: ellipsis; white-space: ...

  3. linux redis安装

    redis官网地址:http://www.redis.io/ 在Linux下安装Redis非常简单,具体步骤如下(官网有说明): 1.下载源码,解压缩后编译源码. $ wget http://down ...

  4. PIC32MZ Live update bootloader

    PIC32MZ 的 flash memory 支持live update, 这是个全新的特性,在之前的所有PIC不管是8位还是16位的单片机上面都没有这个特性.我写过很多PIC 8位和16位单片机的b ...

  5. 【 js 基础 】 深浅拷贝

    underscore的源码中,有很多地方用到了 Array.prototype.slice() 方法,但是并没有传参,实际上只是为了返回数组的副本,例如 underscore 中 clone 的方法: ...

  6. cssreset

    /** * http://cssreset.com */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, ...

  7. 网络语音视频技术浅议（附多个demo源码下载）

    我们在开发实践中常常会涉及到网络语音视频技术.诸如即时通讯.视频会议.远程医疗.远程教育.网络监控等等,这些网络多媒体应用系统都离不开网络语音视频技术.本人才疏学浅,对于网络语音视频技术也仅仅是略知皮 ...

  8. 如何选择合适的PHP开发框架

    PHP作为一门成熟的WEB应用开发语言,已经深受广大开发者的青睐.与此同时,各式各样的PHP开发框架也从出不穷,面对如此多而且良莠不齐的开发框架,开发者们想必都会眼花缭乱,不知道该选择用哪个.其实并没 ...

  9. 核心J2EE模式 - 截取过滤器

    核心J2EE模式 - 截取过滤器 背景 呈现层请求处理机制接收许多不同类型的请求,这些请求需要不同类型的处理.一些请求被简单转发到适当的处理程序组件,而其他请求必须在进一步处理之前进行修改,审核或未压 ...

  10. JSON对象、JSON字符串的相互转换

    JSON对象.JSON字符串的相互转换 json的格式: 第一种方式: 单一的json字符串,转换成json对象时,需要 eval('(' + json + ')');这样的格式,中间需要加括号 va ...