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";    
}

最終效果圖:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM