zoukankan      html  css  js  c++  java
  • json数据、ajax判断用户是否存在

    一、JSON的全称是”JavaScript Object Notation”,意思是JavaScript对象表示法,它是一种基于文本,独立于语言的轻量级数据交换格式

    1、定义json

    var a = {
        "one":"1111",//可以说字符串
        "two":"2222",
        "three":arr,//可以是数组
        "four":{"hello":"你好"}//可以是json
        };

    这样看来json就相当于php中的关联数组。

    2、输出json

    alert(a.one);

    alert(a.four.hello);

    3、遍历Json数据

    for(var k in a)//k是索引
    {
        alert(a[k]);
    }

    二、用ajax判断用户名是否存在

    本次所使用的表是users表:

    注册界面代码如下(仅用户名):

    <title>无标题文档</title>
    <script src="jquery-3.2.0.min.js"></script><!--引入jquery包-->
    </head>
    
    <body>
    <input type="text" id="uid" /><span id="ts"></span>
    </body>
    <script>
    //当鼠标失去焦点时显示 
    $("#uid").blur(function(){
        var uid = $(this).val();
         //用ajax去数据库匹配,
        $.ajax({
            url:"ajchuli.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","green");
                }
                else
                {
                    $("#ts").html("该用户名已注册");
                    $("#ts").css("color","red");
                }
            }
        });    
    })
    </script>
    </html>

    处理页面:

    <?php
    $uid = $_POST["u"];
    require "DBDA.class.php";
    $db = new DBDA();
    
    $sql="select count(*) from users where uid='{$uid}'";
    $arr = $db->query($sql);
    if($arr[0][0])
    {
        echo "NO";
    }
    else
    {
        echo "OK";    
    }

    最终效果图:

  • 相关阅读:
    RTT设备与驱动之串口
    RTT设备与驱动之PIN设备
    RTT之ENV
    MQTT学习之一
    思维导图软件
    英语单词学习方法
    RTT之POSIX
    10 个强大的JavaScript / jQuery 模板引擎推荐
    30个实用的jQuery选项卡/导航教程推荐
    jquery 自动完成 Autocomplete插件汇总
  • 原文地址:https://www.cnblogs.com/mengshenshenchu/p/6849004.html
Copyright © 2011-2022 走看看