如何顯示json_encode結果中的每個元素到PHP表格

我想在json_encode的結果中顯示每個元素爲表格格式（見下文）。在這種情況下，jQuery代碼（在標題部分）和PHP代碼（在主體部分）在同一個PHP頁面中。如何顯示json_encode結果中的每個元素到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}]

上面的代碼是通過利用json_encode test.php的（）的結果。

jQuery的：

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


        } 
       }); 
      });

來源

2011-11-24 Acubi

只給定了你的需要，而不是你的問題。什麼阻礙你準確地編寫代碼？否則這很難回答。 – hakre

下面是一些HTML

<table id="fruits"> 
    <tr> 
    <td>Fruit</td> 
    <td>Price</td> 
    </tr> 
<table>

你的jQuery

success: function(result){ 
    var t = $("table#fruits"); 
    $.each(result, function(i, fruit){ 
    t.append('<tr><td>' + fruit.fruit + '</td><td>' + fruit.price + '</td></tr>'); 
    }); 
}

看到它在這裏工作的jsfiddle

來源

2011-11-24 22:38:13

可以使用弗洛wing：

$(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）

來源

2012-10-02 08:10:43

如何顯示json_encode結果中的每個元素到PHP表格

回答

相關問題