尝试将Web网址中的Json数据显示到表中

时间:2018-03-01 02:12:51

标签: javascript html

"crops": [
{
  "Crop": "Red Beans", 
  "Date": "2018-Feb-28", 
  "Market": "Gulu", 
  "Price": "5002"
}, 
{
  "Crop": "Red Beans", 
  "Date": "2018-Feb-28", 
  "Market": "Busia", 
  "Price": "4889"
}, 
{
  "Crop": "Red Beans", 
  "Date": "2018-Feb-28", 
  "Market": "Kasese", 
  "Price": "5002"
}, 
{
  "Crop": "Red Beans", 
  "Date": "2018-Feb-28", 
  "Market": "Busia", 
  "Price": "4889"
}, 
{
  "Crop": "Red Beans", 
  "Date": "2018-Feb-28", 
  "Market": "Gulu", 
  "Price": "5002"
}, 
{
  "Crop": "Red Beans", 
  "Date": "2018-Feb-28", 
  "Market": "Kasese", 
  "Price": "4999"
}, 
{
  "Crop": "Red Beans", 
  "Date": "2018-Feb-28", 
  "Market": "Busia", 
  "Price": "4887"
}, 
{
  "Crop": "Red Beans", 
  "Date": "2018-Feb-28", 
  "Market": "Gulu", 
  "Price": "4999"
}
]}

2 个答案:

答案 0 :(得分:0)

你可以把这个json放在json长度的循环中,并将数据显示在表中。

答案 1 :(得分:0)

这就是我解决它的方式

<?php
            try{
                $url = 'the json url goes here'; // path to your JSON file
                $data = file_get_contents($url); // put the contents of the file into a variable
                $characters = json_decode($data);
                echo '<div class="panel-heading">
            <h3 align="center">Market Prices for ';  echo $characters[0]->Crop;
                echo '</h3>
        </div>';
                echo '<div class="panel-body">
            <table class="table table-striped table-hover border" style="font-family: cambria">
                <thead>
                <tr>
                    <th>Market</th>
                    <th>Date</th>
                    <th>Price</th>
                </tr>
                </thead>
                <tbody>';
                foreach ($characters as $character) {
                    echo '<tr>';
                    echo '<td>' . $character->Market . '</td>';
                    echo '<td>' . $character->Date . '</td>';
                    echo '<td>' . $character->Price . '</td>';
                    echo '</tr>';
                }

                echo '</tbody>
        </table>
    </div>';
            }
            catch (Exception $e){
                echo '<p align="center">No Internet Connection, please try again</p>';
            }
            ?>