php - 如何将 json_encode 结果中的每个元素显示为 PHP 表格

Question

我想在 PHP 中将 json_encode 结果中的每个元素显示为表格格式(见下文)。在本例中，jQuery 代码(在 header 部分)和 PHP 代码(在正文部分)位于同一个 PHP 页面中。

有人可以帮助我吗？

+-------+-------+
|fruit  |price  |
+-------+-------+
|apple  |1.2    |
+-------+-------+
|pear   |1.5    |
+-------+-------+
|orange |1.0    |
+-------+-------+

test.php的结果:

[{"fruit":"apple","price":1.2},{"fruit":"pear","price":1.5},{"fruit":"orange","price":1.0}]

以上代码是test.php使用json_encode()的结果。

jQuery:

$(document).ready(function(){
                $.ajax({
                   type: "POST",
                   dataType:"Json",
                   url: "test.php",
                   success: function(result){


                   }
                 });
            });

Answer 1

您可以使用以下内容:

$(document).ready(function(){
var json_array = '';
$.ajax({
    type: "POST",
    dataType:"Json",
    url: "test.php",
    success: function(result){
        // Parse JSON
        var array_json = $.parseJSON(array_json);
        // We add each row in the table
        $.each(array_json, function(){
            $('#results').append('<tr><td>' + this.fruit + '</td><td>' + this.price + '</td></tr>');
        });
    }
});

});

使用以下 HTML:

<table id="results">
    <tr>
        <th>Fruit</th>
        <th>Price</th>
    </tr>
</table>

(根据您的 HTML 结构更改 ID)