一、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-10-15 14:18:37