第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在表中顯示 J 查詢的結(jié)果

在表中顯示 J 查詢的結(jié)果

慕桂英3389331 2022-09-23 09:56:19
我希望我的jquery的結(jié)果顯示在我在另一個文件中的表中。我已嘗試更改表的ID,但我的表來自引導(dǎo)程序,因此如果我更改 ID,css 會更改。我不知道還能做什么。這些是我的文件配置.php<?php    $servername = "localhost";$username = "root";$password = "";$db = "stock-stock-stock";// Create connection$conn = mysqli_connect($servername, $username, $password, $db );// Check connectionif (!$conn) {    die("Connection failed: " . mysqli_connect_error());}?>read_students.phpinclude_once('../config.php');$sql = "SELECT * FROM games WHERE status='available'";$query = $conn->query($sql);$result = array("data" => array());while($data = $query->fetch_assoc()){    $checkbox = '<input type="checkbox" class="checkbox" id="checkbox_' . $data['id'] . '" value="' . $data['id'] . '" name="groupCheckBox" onchange="enableDeleteAllButton(this)">';    $image = '<img width="100" height="100" class="" src="' . $data['game_pic'] . '">';    $buttons = '<a href="game-update.php?$id='. $data['id'] . '" class="btn btn-info btn-sm"><i class="fa fa-edit" aria-hidden="true"></i></a><a onclick="removeGame(' . $data['id'] . ')" class="btn btn-danger btn-sm"><i class="fa fa-trash" aria-hidden="true"></i></a>';    // need "data" string    $result["data"][] = array(        $checkbox,        $data['id'],        $data['game_name'],        $data['players'],        $data['game_descrip'],        $image,        $data['status'],        $buttons,    );}echo json_encode($result);?>
查看完整描述

1 回答

?
躍然一笑

TA貢獻(xiàn)1826條經(jīng)驗(yàn) 獲得超6個贊

根據(jù)我對你的代碼的理解,你的PHP代碼正在返回這樣的數(shù)據(jù)。


<?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調(diào)用,格式中,請嘗試像下面一樣更改它。


$(document).ready(函數(shù)() { $.ajax({ 類型: “POST”, url: “read_students.php”, 成功: 函數(shù)(響應(yīng)) { var jsonData = 響應(yīng); 控制臺.log(jsonData); // 此數(shù)據(jù)將如下所示 game_descrip game_name game_descrip game_name。“按鈕 2”]]} } });});

一旦你得到來自ajax調(diào)用的響應(yīng),現(xiàn)在讓我們處理你的數(shù)據(jù)。


var jsonData = {"data":[["checkbox 1","id 1","game_name 1","players 1","game_descrip 1","image 1","status 1","buttons 1"],["checkbox 2","id 2","game_name 2","players 2","game_descrip 2","image 2","status 2","buttons 2"]]}


jsonData.data.forEach(function(v, i){

    var tbody = $("#myTables").find('tbody'); debugger;

  tbody.append("<tr><td>"+v[0]+"</td><td>"+v[1]+"</td><td>"+v[2]+"</td><td>"+v[3]+"</td><td>"+v[4]+"</td><td>"+v[5]+"</td><td>"+v[6]+"</td></tr>")

})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">


<!-- Optional theme -->

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">


<!-- Latest compiled and minified JavaScript -->

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

<table class="table table-bordered" id="myTables" width="100%" cellspacing="0">

  <thead>

    <tr align="center">

      <th>Game ID</th>

      <th>Game Name</th>

      <th>Category</th>

      <th>Description</th>

      <th>Photo</th>

      <th>Availability</th>

      <th>Action</th>

    </tr>

  </thead>

  <tbody>

  </tbody>

</table>


查看完整回答
反對 回復(fù) 2022-09-23
  • 1 回答
  • 0 關(guān)注
  • 113 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號