json_encodeの結果のすべての要素をPHPの表形式で表示する方法

私はjson_encodeの結果のすべての要素をPHPで表形式に表示したいと考えています(下記参照)。この場合、jQueryコード(ヘッダーセクション内)と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}]

上記のコードは、json_encode()を使ってtest.phpを実行した結果です。

jQuery:

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


                   }
                 });
            });
2
あなたはあなたの質問ではなくあなたの必要性を指定しただけです。あなたがコードを正確に書くのを妨げるのは何ですか?さもなければ、これは答えるのが難しいです。
追加された 著者 hakre,

2 答え

以下を使用することができます:

$(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を変更する)

2
追加された

ここにいくつかのHTMLがあります

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

Your 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>');
  });
}

See it working here on jsfiddle

1
追加された
PHP - 日本のコミュニティ [ja]
PHP - 日本のコミュニティ [ja]
4 参加者の

このグループではPHPについて話します。 パートナー:kotaeta.com

JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript