一、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";
}
最终效果图：
时间： 2024-07-29 10:10:30