테이블에 데이터베이스 값을 표시하는 방법 tbody

Question

내 문제를 해결하려면 도움이 필요합니다. 데이터베이스에서 테이블 tbody로 데이터를 선택하는 동안 문제가 있습니다. 나는 그것을 만들려고 노력했지만 그것을 실행하려고 시도했지만 데이터를 표시 할 수는 없다. HTML, PHP 및 Javascript 파일을 다른 파일 형식으로 분리했습니다. 도와주세요 ..! 예를 들어 주시면 감사하겠습니다.

THIS

내 CODE된다

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 termocouple"); 
$rows = array(); 
while($tmp= mysqli_fetch_array($query)) { 
    $rows[] = $tmp['no']; 
    $rows[] = $tmp['s_tanggal']; 
    $rows[] = $tmp['silo']; 
    $rows[] = $tmp['sensor1']; 
    $rows[] = $tmp['sensor2']; 
    $rows[] = $tmp['sensor3']; 
    $rows[] = $tmp['sensor4']; 
    $rows[] = $tmp['sensor5']; 
    $rows[] = $tmp['sensor6']; 
    $rows[] = $tmp['sensor7']; 
    $rows[] = $tmp['sensor8']; 
    $rows[] = $tmp['sensor9']; 
} 
$result = array(); 
array_push($result,$rows); 

print json_encode($result, JSON_NUMERIC_CHECK); 

mysqli_close($con); 
?> 

HTML 코드

<form name="table_s" id="table_s" class="table_s"> 
    <table id="table_s" class="table_s"cellspacing='0' class="js-serial" border="2"> 
     <thead> 

     <tr> 
       <th><center>No.</center></th> 
       <th><center>S1</center></th> 
       <th><center>S2</center></th> 
       <th><center>S3</center></th> 
       <th><center>S4</center></th> 
       <th><center>S5</center></th> 
       <th><center>S6</center></th> 
       <th><center>S7</center></th> 
       <th><center>S8</center></th> 
       <th><center>S9</center></th> 
       <th><center>S10</center></th> 
       <th><center>S11</center></th> 
       <th><center>S12</center></th> 
       <th><center>Ambien</center></th> 
       <th><center>Average</center></th> 
       <th><center>Deff</center></th> 
       <th><center>Status</center></th> 
     </tr> 

     </thead> 
     <tbody> 
      <tr> 

      <tr> 
      <td id="td_s0"></td> 
      <td id="td_s1"></td> 
      <td id="td_s2"></td> 
      <td id="td_s3"></td> 
      <td id="td_s4"></td> 
      <td id="td_s5"></td> 
      <td id="td_s6"></td> 
      <td id="td_s7"></td> 
      <td id="td_s8"></td> 
      <td id="td_s9"></td> 
      <td id="td_s10"></td> 
      <td id="td_s11"></td> 
      <td id="td_s12"></td> 
      <td id="td_s13"></td> 
      <td id="td_s14"></td> 
      <td id="td_s15"></td> 
      <td id="td_s16"></td> 
      </tr> 

     </tbody> 
     </table> 

JS 코드

,

$(document).on('click','#ok',function(e) { 

     $.ajax({          
     url: '../php/termo_sel.php',       
     data: {datepicker: 'val1', silo : 'val2'}, //Pass data to PHP by POST 
     type: 'post',      
     dataType: 'json',      
     success: function(data) //Whatever is put in echo in PHP is returned here  
     { 
     $('#table_s').append(data); 
     } 
     }); 

    clearInput(); 

}); 

function clearInput() { 
    $("#form_input :input").each(function() { 
     $('#s1').val(''); 
     $('#s2').val(''); 
     $('#s3').val(''); 
     $('#s4').val(''); 
     $('#s5').val(''); 
     $('#s6').val(''); 
     $('#s7').val(''); 
     $('#s8').val(''); 
     $('#s9').val(''); 
     $('#s10').val(''); 
     $('#s11').val(''); 
     $('#s12').val(''); 
     $('#amb').val('35.0'); 
     $('#avr').val(''); 
     $('#deff').val(''); 
     $('#sts').val(''); 
    }); 


} 

Answer 1

시도 뭔가 :

console.log(data) 

은 JSON 배열해야한다. 그것을 반복해야합니다. 처럼 data.name, data.city 등

for(var i = 0;i < data.length;i++) 
    { 
    alert(data[i].namedata.city); 
} 

Answer 2

좋아, 여기에 몇 가지 문제가 있습니다.

나는, 그런 다음 자바 스크립트

while($tmp= mysqli_fetch_array($query)) { 
    $rows['no'] = $tmp['no']; //The "no" in $rows['no'] should be the ID of the element in the HTML you want to put the value into 
    $rows['s_tanggal'] = $tmp['s_tanggal']; 
    $rows['silo'] = $tmp['silo']; 
    // So On and So Forth 
} 

print json_encode($rows, JSON_NUMERIC_CHECK); 

을 (필요가 또 다른 변수로 밀어 넣지하고 단지 $ 행을로 json_encode) 정확하게 자바 스크립트에서 참조 할 수 있도록 PHP의 연관 배열을 만들 것 당신이 뭔가를 할 수 있습니다 JSON 반환 값 "데이터"테이블의 데이터가있는 경우

는

success: function(data){ 
    for (var key in data) { 
     if($('#' + key).length > 0){ 
      $('#' + key).append(data[key]) 
     } 
    } 
} 

Answer 3

, 테이블 본문의 각 행의 각 열에 대한 데이터를 설정해야합니다. 예. 성공한 경우,

var tr = "<tr>"; 
tr += "<td>"+data['no']+"</td>"; 
tr += "<td>"+data['s_taggal']+"</td>"; 
tr += "<td>"+data['silo']+"</td>"; 
tr += "<td>"+data['sensor1']+"</td>"; 
tr += "<td>"+data['sensor2']+"</td>"; 
tr += "<td>"+data['sensor3']+"</td>"; 
tr += "<td>"+data['sensor4']+"</td>"; 
tr += "<td>"+data['sensor4']+"</td>"; 
tr += "<td>"+data['sensor6']+"</td>"; 
tr += "<td>"+data['sensor7']+"</td>"; 
tr += "<td>"+data['sensor8']+"</td>"; 
tr += "<td>"+data['sensor9']+"</td>"; 
tr += "</tr>"; 
$("#table_s tbody").append(tr); 

희망이 도움이됩니다.