一、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"; }
最終效果圖: