使用json值填充html表

时间:2011-04-25 14:42:28

标签: php jquery json

我在同一个文件夹中有一个table.html,data.php和json.csv。

data.php正在执行fopen("json.csv","r")来读取json.csv。

如何将json对象显示为table.html中的表?

    <html>
    <head>
    <script type="text/javascript" src="jquery.js">
    function display(){
  $.post('data.php',function(data){
     $("#txtJSON").html(data); 
  });
    }

   </script>
   </head>
   <body onload="display()">
   <table id="#jobtable">
   <input type="text" id="txtJSON" />
   </table>
   </body>
   </html>

3 个答案:

答案 0 :(得分:1)

伪码

PHP

Take the data read in from doing the fopen.
create a php array (a1)
create a php array (a2)
split it on new lines 
iterate through all of those lines
  clear (a2)
  split the current line on commas (or w/e separator)
    insert each element into a2
  insert a2 into a1

return a json_encode(a1)

HTML

do a jQuery.parseJSON(returned data from php) http://api.jquery.com/jQuery.parseJSON/
iterate through the datastructure adding a new html row for every row in the structure...

答案 1 :(得分:0)

你可以在php数组中转换json.csv输出并合并data.php&amp; table.html在该文件中的一个php文件中创建一个带有foreach

的html表

答案 2 :(得分:0)

如果您使用JavaScript进行任何广泛的DOM操作,那将会更好。更具体地说,jQuery plugin JSON-to-table可以完全按照您的意愿行事。