当前位置: 首页 > 编程笔记 >

jQuery中将json数据显示到页面表格的方法

章飞虎
2023-03-14
本文向大家介绍jQuery中将json数据显示到页面表格的方法,包括了jQuery中将json数据显示到页面表格的方法的使用技巧和注意事项,需要的朋友参考一下

jQuery中将json数据显示到页面表格代码。stu模拟的就是一个数据库,假设我们的数据已经是json 的文件格式,接下来就是将这个json文件里面的数据显示到页面的表格上。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title></title>
    <script src="js/jquery-1.8.3.js"></script>
    <script type="text/javascript">
      var stu = [
        { "name": "张三", "sex": "男", "age": "20" },
        { "name": "李四", "sex": "男", "age": "18" },
        { "name": "王五", "sex": "男", "age": "19" }
      ];
      $(document).ready(function() {
        var s = "";
        for(var i = 0; i < stu.length; i++) {
          s = "<tr><td>" + stu[i].name + "</td><td>" + stu[i].sex + "</td><td>" +
            stu[i].age + "</td></tr>";
          $("#tab").append(s);
        }
      });
    </script>
  </head>
  <body>
    <table border="1px" id="tab">
      <tr>
        <td>姓名</td>
        <td>性别</td>
        <td>年龄</td>
      </tr>
    </table>
  </body>
</html>

以上这篇jQuery中将json数据显示到页面表格的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 问题内容: 使用AJAX发出POST请求后,我得到以下JSON响应: 我正在使用数据表来显示数据..但是使用此嵌套的JSON,我无法直接获取数据。我正在使用此https://datatables.net/examples/server_side/post.html https://datatables.net/reference/option/ajax.dataSrc作为参考。 问题答案: 您必须

  • 问题内容: 我想在显示一些数据 的数据表 ,我使用的表脚本 该表接收到的数据是json,类似于 我想将日期显示为正确的日期时间。当前它正在以相同的方式显示在json数据中。是否有任何方法可以在数据表中进行转换 问题答案: 您可以使用“ render”属性来设置列显示的格式http://datatables.net/reference/option/columns.render#function。

  • 问题内容: 我想从数据库表中检索值,并在页面的html表中显示它们。我已经在搜索这个,但是我找不到答案,尽管这肯定很容易(这应该是数据库的基础)。我想我搜索过的字词会误导我。数据库表名称是票据,它现在有6个字段(submission_id,formID,IP,名称,电子邮件和消息),但是应该有另一个字段称为ticket_number。我如何获取它以html表的形式显示db中所有的值: 然后是“ j

  • 我有返回Json格式数据的C#函数,函数如下 执行此操作时,我遇到以下错误: null

  • 本文向大家介绍python 获取页面表格数据存放到csv中的方法,包括了python 获取页面表格数据存放到csv中的方法的使用技巧和注意事项,需要的朋友参考一下 获取单独一个table,代码如下: 获取所有table,代码如下: 以上这篇python 获取页面表格数据存放到csv中的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。