运用js动态生成好看的table

最新推荐文章于 2024-08-31 07:39:08 发布

Eusebio

最新推荐文章于 2024-08-31 07:39:08 发布

阅读量1.3k

点赞数

本文链接：https://blog.csdn.net/qq_41176081/article/details/81814062

版权

本文介绍如何结合PHP和JavaScript动态生成具有样式的表格。首先通过PHP从数据库获取数据并转化为JSON格式，然后在JS中解析JSON并利用for循环创建及美化表格。

摘要由CSDN通过智能技术生成

主要技术：一、运用php获取数据库的数据，并将数据转化为二维数据的形式’，运用json_encode() 对数组变量进行JSON编码。二、在js中将php数组转化为js数组并使用eval()解析数组数据，通过for循环动态创建表格并添加相应的css样式使表格更加美观。

代码：php部分：

<?php

require_once "..\MyPhp\MySqlConnect.php";
mysqli_query($conn , "set names utf8");

//学生信息二维数组

$memberinfo=null;
$memberinfos=null;
$i=0;

$sql = "Select examanswer.tno,testpaper.tname,examanswer.mno,members.mname
,examinfo.startime,examinfo.endtime,examinfo.location
from examanswer,testpaper,examinfo,members
WHERE testpaper.tno=examanswer.tno and examinfo.tno=examanswer.tno
and examinfo.mno=examanswer.mno
and members.mno=examanswer.mno
group by examanswer.tno,examanswer.mno
";

$result = mysqli_query($conn,$sql);
while ($row = mysqli_fetch_assoc($result)) {
    $memberinfo[0] = $row['tno'];
    $memberinfo[1] = $row['tname'];