如何将数据库值显示到html表的特定索引中?

时间:2017-03-24 06:55:35

标签: php html ajax select html-table

我需要帮助显示从数据库中选择数据值到html表中的特定位置。 我已经制作了显示它的代码,但它会在html表上显示索引0中的数据。

任何人都知道如何使数据显示在html表的索引1上? 我尝试更改索引,但无法显示它。 这是我的代码:

$(document).ready(function(){
        $.ajax({
            type: "Post",
            url: "../php/bkk/bkk_isel.php",
            success: function(data){
  var list = JSON.parse(data);
  for(var i = 0; i < list.length; i++){
    $('#mat').val((list[i]['material']));
    $('#lok').val((list[i]['lokasi']));
    $('#kpl').val((list[i]['kapal']));
    $('#po_numb').val((list[i]['po']));
    var tr = "<tr>";
    tr += "<td>"+list[i]['tanggal']+"</td>";
    tr += "<td>"+list[i]['no_pol']+"</td>";
    tr += "<td>"+list[i]['netto']+"</td>";

    tr += "</tr>";

    $("#table_s tbody").append(tr);
  }
  return false;
}
});
});

这是我使用的{data}。我使用PHP函数来获取数据

<?php
$con=mysqli_connect("localhost","root","","silo");

if (!$con) {
  die('Could not connect: ' . mysql_error());
}


// Data for Titik1
$query = mysqli_query($con,"SELECT * FROM temp2");
$rows = array();

while($tmp= mysqli_fetch_array($query)) {
    $rows[] = $tmp;
}

echo json_encode($rows);
mysqli_close($con);
?> 

Like this Image

2 个答案:

答案 0 :(得分:0)

你能不能用html表来解释你塑造的形状。基本上表行始终附加一般索引。如果你需要在数据行之前加一个黑行,那么请在你的html表中添加一个空白行。

答案 1 :(得分:0)

如果要在html表上显示行的索引号,则需要在所有其他列之前添加新列。此新列将显示该行的序列号。例如在此行之前:

tr += "<td>"+list[i]["tanggal"]+"</td>";

添加以下行:

tr += "<td>"+ (i+1) +"</td>";