使用 json 值填充 html 表

发布于 2024-11-03 06:06:39 字数 582 浏览 1 评论 0原文

我在同一文件夹中有 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>

I have an table.html, data.php and json.csv within the same folder.

data.php is doing fopen("json.csv","r") to read from json.csv.

How can I display the json objects as a table within 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>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

究竟谁懂我的在乎 2024-11-10 06:06:39

伪代码

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...

psuedocode

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...
宣告ˉ结束 2024-11-10 06:06:39

您可以将 json.csv 输出转换为 php 数组并合并 data.php & table.html 在该文件中的一个 php 文件中使用 foreach 创建一个 html 表

you can convert json.csv output in a php array and merge data.php & table.html in one php file in that file make a html table with foreach

浅浅淡淡 2024-11-10 06:06:39

如果您使用 JavaScript 进行任何广泛的 DOM 操作,您的情况会更好。更具体地说, jQuery 插件 JSON-to-table 可以完全满足您的需求。

You will be better off if you use JavaScript for any extensive DOM manipulation. More specifically, jQuery plugin JSON-to-table can do exactly what you want.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文