phpStudy4——前端页面使用Ajax请求并解析php返回的json数据

项目需求：

在html页面显示所有用户列表信息。

需求分析：

1. html页面使用ajax向后端php请求用户数据

2. php脚本查询数据库，并将查询后的结果以json格式返回前端html页面

3. 前端html页面接收到json数据之后，对json数据进行解析病输出

示例代码：

前端html页面关键代码：

 $.post(
     "../Controllers/userController.php",
     {
         "pageItems":pageItems,
         "indexStart":indexStart
     },
     function(userJson){
         if(userJson!=null){
             var obj=JSON.parse(userJson);
             $.each(obj, function(i) {
                 var scoreLevel="";
                 var userId=obj[i].userId;
                 var userName=obj[i].userName;
                 var phoneNumber=obj[i].phoneNumber;
                 var userScore=obj[i].userScore;
                 var dataTime=obj[i].dataTime;
                 if(userScore<=120&&userScore>=100) scoreLevel="一等奖";
                 if(userScore<100&&userScore>=60) scoreLevel="二等奖";
                 if(userScore<60) scoreLevel="三等奖";
                 $(".userTb").append("<tr><td>"+(i+1)+"</td><td>"+userName+"</td><td>"+phoneNumber+"</td><td>"+userScore+"</td><td>"+scoreLevel+"</td><td>"+dataTime+"</td></tr>");
             });
         }
     }
 );

后端php关键代码：

 <?php
 //连接数据库

     //1. 声明字符编码
     header("Content-Type:text/html;charset=utf8"); 

     //2. 连接数据库
     $link=mysql_connect("localhost","root","root");//连接数据库
     if(!$link) echo "系统异常，请稍后再试";//如果连接数据库失败
     mysql_select_db("test", $link); //选择数据库
     mysql_query("set names 'utf8'");  // 解决中文乱码

     //3. 查询数据库
     $strSql = "SELECT * FROM user_info"; //SQL查询语句
     mysql_query("SET NAMES utf8");
     $result = mysql_query($strSql); //获取数据集

     //4. 循环读取数据并存入数组对象
     $users;$user;$i=0;
     while($row=mysql_fetch_array($result))
     {
         $user["userId"]=$row["userId"];
         $user["userName"]=$row["userName"];
         $user["phoneNumber"]=$row["phoneNumber"];
         $user["userScore"]=$row["userScore"];
         $user["dataTime"]=$row["dataTime"];
         $users[$i++]=$user;
     }
     //5. 以json格式返回html页面
     echo urldecode(json_encode($users));
 ?>

 注意事项:

前端js脚本通过ajax请求后端php脚本返回的数组数据时，最好使用json格式传回，如果你坚持想用数组传入解析，估计会走不少弯路。