Javascript 在表中显示JQuery的结果

我希望jquery的结果显示在另一个文件中的表中

我尝试过更改表的id，但是我的表是从bootstrap来的，所以

css 如果我更改id，则会更改。 我不知道还能做什么

这些是我的档案

config.php

<?php
    $servername = "localhost";
$username = "root";
$password = "";
$db = "stock-stock-stock";

// Create connection
$conn = mysqli_connect($servername, $username, $password, $db );

// Check connection
if (!$conn) {
    die("Connection failed: " . mysqli_connect_error());
}
?>

---

根据我对代码的理解，PHP代码返回的数据如下所示

<?php
    $result["data"][] = array(
        'checkbox 1',
        'id 1',
        'game_name 1',
        'players 1',
        'game_descrip 1',
        'image 1' ,
        'status 1',
        'buttons 1'
    );
    $result["data"][] = array(
        'checkbox 2',
        'id 2',
        'game_name 2',
        'players 2',
        'game_descrip 2',
        'image 2' ,
        'status 2',
        'buttons 2'
    );

    echo json_encode($result); // returns data to ajax call
?>

我看到的问题也在您的ajax调用中，格式，请尝试如下更改

$（文档）.ready（函数（）{ $.ajax({ 类型：“POST”， url:“read_students.php”， 成功：功能（响应） { var jsonData=响应； console.log（jsonData）； //这些数据看起来是这样的。 //{“数据”：[[“复选框1”、“id 1”、“游戏名称1”、“玩家1”、“游戏描述1”、“图像1”、“状态1”、“按钮1”]、[“复选框2”、“id 2”、“游戏名称2”、“玩家2”、“游戏描述2”、“图像2”、“状态2”、“按钮2”]] } }); }); 一旦您收到ajax调用的响应，现在让我们来处理您的数据

var jsonData={“数据”：[[“复选框1”、“id 1”、“游戏名称1”、“玩家1”、“游戏描述1”、“图像1”、“状态1”、“按钮1”]、[“复选框2”、“id 2”、“游戏名称2”、“玩家2”、“游戏描述2”、“图像2”、“状态2”、“按钮2”]]
forEach（函数（v，i）{
var tbody=$（“#myTables”）.find（'tbody'）；调试器；
tbody.append（“+v[0]+”+v[1]+“+v[2]+”+v[3]+“+v[4]+”+v[5]+“+v[6]+”）
})

游戏ID
游戏名称
类别
描述
照片
可利用性
行动

根据我对您代码的理解，您的PHP代码返回的数据如下所示

<?php
    $result["data"][] = array(
        'checkbox 1',
        'id 1',
        'game_name 1',
        'players 1',
        'game_descrip 1',
        'image 1' ,
        'status 1',
        'buttons 1'
    );
    $result["data"][] = array(
        'checkbox 2',
        'id 2',
        'game_name 2',
        'players 2',
        'game_descrip 2',
        'image 2' ,
        'status 2',
        'buttons 2'
    );

    echo json_encode($result); // returns data to ajax call
?>

我看到的问题也在您的ajax调用中，格式，请尝试如下更改

$（文档）.ready（函数（）{ $.ajax({ 类型：“POST”， url:“read_students.php”， 成功：功能（响应） { var jsonData=响应； console.log（jsonData）； //这些数据看起来是这样的。 //{“数据”：[[“复选框1”、“id 1”、“游戏名称1”、“玩家1”、“游戏描述1”、“图像1”、“状态1”、“按钮1”]、[“复选框2”、“id 2”、“游戏名称2”、“玩家2”、“游戏描述2”、“图像2”、“状态2”、“按钮2”]] } }); }); 一旦您收到ajax调用的响应，现在让我们来处理您的数据

var jsonData={“数据”：[[“复选框1”、“id 1”、“游戏名称1”、“玩家1”、“游戏描述1”、“图像1”、“状态1”、“按钮1”]、[“复选框2”、“id 2”、“游戏名称2”、“玩家2”、“游戏描述2”、“图像2”、“状态2”、“按钮2”]]
forEach（函数（v，i）{
var tbody=$（“#myTables”）.find（'tbody'）；调试器；
tbody.append（“+v[0]+”+v[1]+“+v[2]+”+v[3]+“+v[4]+”+v[5]+“+v[6]+”）
})

游戏ID
游戏名称
类别
描述
照片
可利用性
行动

请您做一件事，您能展示一下在Jquery Ajax调用中得到的结果吗？对不起，我该怎么做？我从以前的项目中获得了大部分代码。它们正在工作，但当我在当前项目中使用它时，它不工作。这个输出是什么<代码>回声json_编码（$result）。您确定要在ajax调用中获取数据吗？输出是字符串形式的。是的，我很确定有数据，但它不会显示在表中。如果你有另一种方法，我想知道尝试以下答案你会做一件事吗，你能展示一下你在Jquery Ajax调用中得到的结果吗？对不起，我该怎么做？我从以前的项目中获得了大部分代码。它们正在工作，但当我在当前项目中使用它时，它不工作。这个输出是什么<代码>回声json_编码（$result）。您确定要在ajax调用中获取数据吗？输出是字符串形式的。是的，我很确定有数据，但它不会显示在表中。如果你有另一种方法，我想知道尝试下面的答案如果有效，那么就投票给答案，这样这个答案在将来会有帮助如果有效，那么就投票给答案，这样这个答案在将来会有帮助

 $(document).ready(function() {
        var gameTable = $("#myTables").DataTable({
            "ajax": "jquery/read_students.php",
            "order": [1, 'desc'],
            "aoColumnDefs": [{
                "bSortable": false,
                "aTargets": [ 0,1,2,3,4,5,6],

            },{
                "targets": [1],
                "visible": false,
                "searchable": true,
            }]
        });
    });

<?php
    $result["data"][] = array(
        'checkbox 1',
        'id 1',
        'game_name 1',
        'players 1',
        'game_descrip 1',
        'image 1' ,
        'status 1',
        'buttons 1'
    );
    $result["data"][] = array(
        'checkbox 2',
        'id 2',
        'game_name 2',
        'players 2',
        'game_descrip 2',
        'image 2' ,
        'status 2',
        'buttons 2'
    );

    echo json_encode($result); // returns data to ajax call
?>