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>
添加回答
舉報