时间戳

首页 > 解决方案 > 使用 getJSON 时如何使用变量作为 JSON 文件名

javascript - 使用 getJSON 时如何使用变量作为 JSON 文件名

问题描述

我正在尝试开发一种简单的方法来使用 javascript 将 .json 文件转换为 HTML 表。

我尝试过使用文件上传输入、文本输入、html 表单，以及将数据从一个 .json 文件附加到另一个空容器 .json 文件。我要修复的主要问题位于第 3、5 和 17 行。

我想要发生的是用户通过文本字段输入 .json 文件的名称（或只是上传文件），程序将其转换为 html 表，但我不知道如何使用变量来实现这一点。

<script>

    $(function() {
var whatname = document.getElementById("whatnametext")

   var people = [];

   $.getJSON(whatname, function(data) {
       $.each(data.person, function(i, f) {
          var tblRow = "<tr>" + "<td>" + f.firstName + "</td>" +
           "<td>" + f.lastName + "</td>" + "<td>" + f.job + "</td>" + "<td>" + f.roll + "</td>" + "</tr>"
           $(tblRow).appendTo("#userdata tbody");
     });

   });

});
</script>
</head>

<body>
<input type="text" id="whatnametext">
<div class="wrapper">
<div class="profile">
   <table id= "userdata" border="2">
  <thead>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Email Address</th>
            <th>City</th>
        </thead>
      <tbody>

       </tbody>
   </table>

</div>
</div>```

标签： javascripthtmljsonvariablesgetjson

解决方案

推荐阅读