首先在用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开发之核心动画(Core Animation)

    1.概述 Core Animation是一组非常强大的动画处理API,使用它能做出非常炫丽的动画效果,而且往往是事半功倍,使用它需要先添加QuartzCore.framework和引入对应的框架< ...

  2. (转)Zabbix Agent-Windows平台配置指导

      原地址:http://blog.itpub.net/26739940/viewspace-1169538/   zabbix是一个CS结构的监控系统,支持ping,snmp等很多的监控,但是大部分 ...

  3. impress.js初体验

    概述 如果你已经厌烦了使用PowerPoint制作PPT,那么impress.js是一个非常好的选择,用它做的PPT更加直观,效果也非常的不错.装X是需要一定代价的,不过如果你是个前端爱好者那么一切就 ...

  4. JS调用WebService，发布到IIS，网页提示WebService未定义[已解决]

    VS2013中,JS调用WebService,一直运行正常.部署到WindowsServer2008之后,在网页中访问,始终提示网页中有错误,点开之后发现是WebService未定义. 于是上网查解决 ...

  5. python操作数据库之批量导入

    python操作数据库之批量导入 Python语法简洁清晰,特色之一是强制用空白符(white space)作为语句缩进. Python具有丰富和强大的库.它常被昵称为胶水语言,能够把用其他语言制作的 ...

  6. JS中的bind的实现以及使用

    在讨论bind()方法之前我们先来看一道题目: var altwrite = document.write; altwrite("hello"); //1.以上代码有什么问题 // ...

  7. Jmeter函数组件开发

    插件开发方法有两种: 一.在jmeter官网下载jmeter源码,在源码里面新加函数,然后导出jar: 二.不下载源码,直接导入jmeter相应的jar包,即可开发.(推荐) 下面介绍第二种开发方法: ...

  8. PHP初学者如何搭建环境，并在本地服务器（or云端服务器）运行自己的第一个PHP样例

    页面底部有PHP代码样例供测试使用. 1.PHP开发,你需要什么? 1)开发代码的工具,可以用IDE名字叫做phpDesigner.当然也可以临时用记事本代替,记得文件扩展名为.php 2)服务器(本 ...

  9. struts2之拦截器

    1. 为什么需要拦截器 早期MVC框架将一些通用操作写死在核心控制器中,致使框架灵活性不足.可扩展性降低, Struts 2将核心功能放到多个拦截器中实现,拦截器可自由选择和组合,增强了灵活性,有利于 ...

  10. 利用callKit实现电话防骚扰

    callKit框架是ios10之后更新的一个框架,代替了原来的CoreTelephony.framework,使用CallKit可以实现电话的拦截 首先创建一个项目之后,创建一个target,选择Ca ...