首先在用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. java学习笔记 --- 多态

    一.多态 (1)定义:同一个对象在不同时刻体现出来的不同状态.父类的引用或者接口的引用指向了自己的子类对象.   Dog d = new Dog();//Dog对象的类型是Dog类型.  Animal ...

  2. (转)shell:读取文件的每一行内容并输出

    写法一:----------------------------------------------------------------------------#!/bin/bashwhile rea ...

  3. CSS.06 -- 尚合网页模拟

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  4. bootstrap使用模板

    Bootstrap下载地址: - https://github.com/twbs/bootstrap/releases/download/v3.3.6/bootstrap-3.3.6-dist.zip ...

  5. 在Activiti中如何使用自定义的组织架构

    1.概述 我们知道,activiti是一个不错的流程引擎,它有自身的人员组织架构,但仅限于用户.用户组的管理,流程产生的任务(UserTask),就涉及到任务的所属人(Owner),任务的执行人(as ...

  6. ubuntu12.04下编译chrome

    1,直接下载压缩包: http://chromium-browser-source.commondatastorage.googleapis.com/chromium_tarball.html 2,安 ...

  7. 1137: 零起点学算法44——多组测试数据输出II

    1137: 零起点学算法44--多组测试数据输出II Time Limit: 1 Sec  Memory Limit: 64 MB   64bit IO Format: %lldSubmitted: ...

  8. window server2012 许可证过期

    研发的服务器装得windows server 2012 Standard ,许可证只有半年使用时间,过期了老是自动关机,于是在网上找了下,最终找了个可以用的方法,记录下,留用 步骤: 1.cmd命令打 ...

  9. 从零开始用 Flask 搭建一个网站（一）

    前言 笔者之前未接触过 Python,只是略懂一点前端,所以说从零开始也相差无几吧.Flask 是一个轻量级的基于 Python 的框架,但是扩展性非常良好(Github 上 22000 多个 sta ...

  10. 学Java，是自学还是去培训班学习？

    现在正在读在校的最后一个学年,想毕业后从事编程,但是感觉自己技术太差,应该是培训呢?还是去找实习?亦或是有更好的途径? 对于 Android 目前的行业趋势,不知道自己该不该坚持?还是转其他行业? 已 ...