php+json+mysql实现前后端分离 php如何实现前后端分离

wptr33 2024-12-27 17:11 18 浏览

前不久有一问题困扰着我，把一个项目的前后端完全分离后，它们之间的数据是如何交互的，百度了一翻，得出的结论：在后端把数据封装成json的格式，再返回到前端由js将其转换成json格式，再解释出来，渲染到页面上，原来如此！废话不多说，直接上代码

如有不妥之处，请给予指正

先来前端的

<<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>前后端分离</title>
</head>
<body>
<input type="button" value="获取数据" onclick="getdata()">
    <script type="text/javascript">
        function getdata(){
            var xhr = new XMLHttpRequest();
            xhr.onreadystatechange = function(){
                if(xhr.readyState==4){
                    eval("backdata="+xhr.responseText);
                    xuanran(backdata.json);
                    console.log(backdata);
                }
            };
            xhr.open('get','./text.php');
            xhr.send(null);
        }
        function xuanran(data){
            for(x in data){
                for(y in data[x]){
                    document.write(data[x][y]);
                }
            }
        }
    </script>
</body>
</html>

后端的

<?php
header('content-type:text/json');
selectXiBu();
function selectXiBu(){
    $connection = mysqli_connect("localhost","root","","php");
    if(!$connection){
        echo "数据库连接错误";
    }
    else{
        mysqli_query($connection,'set names utf8');
        $selectSql = "select * from student limit 50";
        $result = mysqli_query($connection,$selectSql);
        $count=0;
        $aaaa="";
        $json="";
        while ($row = mysqli_fetch_array($result)){
            $count++;
            $xh = $row['student'].$row['学号'];
            $xm = $row['student'].$row['姓名'];
            $sex = $row['student'].$row['性别'];
            $nl = $row['student'].$row['年龄'];
            $dh = $row['student'].$row['电话'];
            $xb = $row['student'].$row['系部'];
            $zy = $row['student'].$row['专业'];
            $dz = $row['student'].$row['地址'];
            $key="s".$count;
            $value="\"学号\":\"$xh\",\"姓名\":\"$xm\",\"性别\":\"$sex\",\"年龄\":\"$nl\",\"电话\":\"$dh\",\"系部\":\"$xb\",\"专业\":\"$zy\",\"地址\":\"$dz\"";
            $aaaa.="\"".$key."\"".":"."{".$value."}".($count<50?",":"");
            $json ="{\""."json"."\"".":{".$aaaa."}}";
        }
        echo $json;
    }
}
?>

php json

上一篇：PHP轻松采集JSON内容，快速提取指定信息!
下一篇：PHP 使用 curl POST提交 json 格式数据

php+json+mysql实现前后端分离 php如何实现前后端分离

相关推荐

C# 13 和 .NET 9 全知道 :13 使用 ASP.NET Core 构建网站 (1)

因果推断Matching方式实现代码因果推断模型

git pull命令使用实例 git pull--rebase

git pull 和git fetch 命令分别有什么作用?二者有什么区别?

面试官:git pull是哪两个指令的组合?

git 执行pull错误如何撤销 git pull fail

git fetch 和git pull 的异同 git中fetch和pull的区别

git pull 之后本地代码被覆盖解决方案

还可以这样玩?Git基本原理及各种骚操作，涨知识了

git命令之pull git.pull

php+json+mysql实现前后端分离 php如何实现前后端分离

相关推荐

C# 13 和 .NET 9 全知道 :13 使用 ASP.NET Core 构建网站 (1)

因果推断Matching方式实现代码 因果推断模型

git pull命令使用实例 git pull--rebase

git pull 和git fetch 命令分别有什么作用?二者有什么区别?

面试官:git pull是哪两个指令的组合?

git 执行pull错误如何撤销 git pull fail

git fetch 和git pull 的异同 git中fetch和pull的区别

git pull 之后本地代码被覆盖 解决方案

还可以这样玩?Git基本原理及各种骚操作，涨知识了

git命令之pull git.pull

因果推断Matching方式实现代码因果推断模型

git pull 之后本地代码被覆盖解决方案