title: how to display database value using json encode in a tbody of table
body: <p>I am trying to display database values using JSON encoding, but I don't know how to display it in the table that I have set up in my HTML form. Anyone know how to do it? I would appreciate if you give me an example.</p>
  
  <p>This is my table and my PHP function.</p>
  
  <pre class="lang-js prettyprint-override"><code>&lt;?php 
  
    //--------------------------------------------------------------------------
    // Example php script for fetching data from mysql database
    //--------------------------------------------------------------------------
    $host = "localhost";
    $user = "root";
    $pass = "";
  
    $databaseName = "silo";
    $tableName = "temp1";
  
    //--------------------------------------------------------------------------
    // 1) Connect to mysql database
    //--------------------------------------------------------------------------
  
    $con = mysql_connect($host,$user,$pass);
    $dbs = mysql_select_db($databaseName, $con);
  
    $tanggal=$_POST['datepicker'];
    $silo=$_POST['silo'];
    //--------------------------------------------------------------------------
    // 2) Query database for data
    //--------------------------------------------------------------------------
    $result = mysql_query("SELECT * FROM $tableName");          //query
    $array = mysql_fetch_row($result);                          //fetch result 
  
    if($array&gt;0){
      while($row=mysql_fetch_array($result)){
  
      }   
   }else{
      echo "&lt;li&gt;Tidak ada artikel yang ditemukan &lt;li&gt;";
   }
    //--------------------------------------------------------------------------
    // 3) echo result as json 
    //--------------------------------------------------------------------------
    echo json_encode($array);
  
  ?&gt;
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;form name="table_s" id="table_s" class="table_s"&gt;
      &lt;table id="table_s" class="table_s"cellspacing='0' class="js-serial" border="2"&gt;
          &lt;thead&gt;
  
        &lt;tr&gt;
                  &lt;th&gt;&lt;center&gt;No.&lt;/center&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;center&gt;S1&lt;/center&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;center&gt;S2&lt;/center&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;center&gt;S3&lt;/center&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;center&gt;S4&lt;/center&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;center&gt;S5&lt;/center&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;center&gt;S6&lt;/center&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;center&gt;S7&lt;/center&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;center&gt;S8&lt;/center&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;center&gt;S9&lt;/center&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;center&gt;S10&lt;/center&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;center&gt;S11&lt;/center&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;center&gt;S12&lt;/center&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;center&gt;Ambien&lt;/center&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;center&gt;Average&lt;/center&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;center&gt;Deff&lt;/center&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;center&gt;Status&lt;/center&gt;&lt;/th&gt;
        &lt;/tr&gt;
  
          &lt;/thead&gt;
          &lt;tbody&gt;
            &lt;tr&gt;
  
            &lt;tr&gt;
              &lt;td id="td_s0"&gt;&lt;/td&gt;
              &lt;td id="td_s1"&gt;&lt;/td&gt;
              &lt;td id="td_s2"&gt;&lt;/td&gt;
              &lt;td id="td_s3"&gt;&lt;/td&gt;
              &lt;td id="td_s4"&gt;&lt;/td&gt;
              &lt;td id="td_s5"&gt;&lt;/td&gt;
              &lt;td id="td_s6"&gt;&lt;/td&gt;
              &lt;td id="td_s7"&gt;&lt;/td&gt;
              &lt;td id="td_s8"&gt;&lt;/td&gt;
              &lt;td id="td_s9"&gt;&lt;/td&gt;
              &lt;td id="td_s10"&gt;&lt;/td&gt;
              &lt;td id="td_s11"&gt;&lt;/td&gt;
              &lt;td id="td_s12"&gt;&lt;/td&gt;
              &lt;td id="td_s13"&gt;&lt;/td&gt;
              &lt;td id="td_s14"&gt;&lt;/td&gt;
              &lt;td id="td_s15"&gt;&lt;/td&gt;
              &lt;td id="td_s16"&gt;&lt;/td&gt;
            &lt;/tr&gt;
  
        &lt;/tbody&gt;
        &lt;/table&gt;
  </code></pre>