json数据ajax判断用户是否存在

Posted 2020-09-18 梦深深处

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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";    
}

最终效果图：

以上是关于json数据ajax判断用户是否存在的主要内容，如果未能解决你的问题，请参考以下文章

Ajax概述和判断用户名是否存在的简单代码练习

ajax方式提交表单数据并判断当前注册用户是否存在

jSon和Ajax登录功能，ajax数据交互案例

如何判断用户名是不是在数据库中已经存在呢JSP

ajax异步验证用户名是否存在

在JSP页面下使用AJAX实现用户名存在的检测