Как использовать переменную в качестве имени файла JSON при использовании getJSON - PullRequest
Новая
       42

Как использовать переменную в качестве имени файла JSON при использовании getJSON

0 голосов
/ 04 июня 2019

Я пытаюсь разработать простой способ преобразования файла .json в таблицу HTML с помощью javascript.

Я пытался использовать ввод для загрузки файла, ввод текста, 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>```
...