PHP JSON数据 AJAX

Posted 2020-07-07 冷风~云

JSON数据的定义方式

 1 //写入数据
 2 var a = {
 3         code:"p001",
 4         name:"张三",
 5         shuzu:new Array(1,2,3,4),
 6         json:{aa:"aa",bb:"bb"},
 7         age:18
 8         };
 9      //读取数据        
10     alert(a.code);

AJAX方式

$.ajax({
            
            url:"ChuLi.php",      //传递的地址
            data:{u:uid},         //传递的参数
            type:"POST",          //传递的方式
            dataType:"TEXT",   //返回的类型
            success:function(data){      //返回成功后执行的函数            
                if(data=="OK")
                {
                    var str = "该用户名可以使用！"
                    $("#xinxi").html(str);
                }
                else
                {
                    var str = "<span style=‘color:red‘>该用户名已存在</span>";
                    $("#xinxi").html(str);
                }
                
                }
            });

实例：利用AJAX实现不刷新登录

用户名：<input type="text" id="uid" />
密码：<input type="text" id="pwd" />
<input type="button" id="btn" value="登录" />

JQuery代码

$(document).ready(function(e) {
       //给登录按钮添加点击事件
    $("#btn").click(function(){
        //去除两个文本框中的值
        var uid = $("#uid").val();
        var pwd = $("#pwd").val();
        调用AJAX
        $.ajax({
            
            url:"DLChuLi.php",
            data:{u:uid,p:pwd},
            type:"POST",
            dayetype:"TEXT",
            success:function(date){
                //如果返回OK跳转页面
                if(date=="OK")
                {
                    window.location="text1.php";
                }
                                //如果反悔NO提示登录失败
                else
                {
                    alert("登录失败！");
                }
                }
            
            });
        
        })    
});

登录处理页面

 1 //接收传递的值
 2 $uid = $_POST["u"];
 3 $pwd = $_POST["p"];
 4 //引入访问数据库的类
 5 include("../dbda.class.php");
 6 $db = new dbda();
 7 $sql = "select * from users where Uid=‘{$uid}‘ and Pwd=‘{$pwd}‘";
 8 $attr = $db->Query($sql);
 9 //如果查询结果为1说明用户名和密码正确，返回OK    
10 if($attr[0][0]==1)
11 {
12     echo "OK";
13 }
14 //否则说明不正确，返回NO
15 else
16 {
17     echo "NO";
18 }