Javascript 从服务器获取JSON数据到表_Javascript_Jquery_Arrays_Json

Javascript 从服务器获取JSON数据到表

javascript jquery arrays json

Javascript 从服务器获取JSON数据到表,javascript,jquery,arrays,json,Javascript,Jquery,Arrays,Json,我想从此服务器获取JSON数据：但我不知道如何读取键和值，甚至连数组也不知道如何将它们一起读取到表中这可能是一个非常愚蠢的问题，但我是jQuery的初学者 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>getJSON - tabulka studentů</title>

我想从此服务器获取JSON数据：但我不知道如何读取键和值，甚至连数组也不知道如何将它们一起读取到表中

这可能是一个非常愚蠢的问题，但我是jQuery的初学者

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>getJSON - tabulka studentů</title>
    <!-- bootstrap -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <!-- jQuery -->
    <script src="https://code.jquery.com/jquery-3.1.1.js"></script>
    <script>
      $(document).ready(function() {
        $.getJSON("http://eso.vse.cz/~xvojs03/studenti.json")
          .done(function(data) {
            $.each(data, function(key, val) {
              $.each(data.predmety, function() {
                $("tr").append("<td>"
                  key + ": " + val + "</td><td>" + predmety.join(",") + " ")
              });
            });
          });
      });
    </script>
  </head>
  <body>
    <div class="container">
      <h2>Následující JSON jsme získali Ajaxem ze serveru</h2>
      <table>
        <tr>
          <th>Jméno</th>
          <th>Příjmení</th>
          <th>Stupeň</th>
          <th>Semestr</th>
          <th>Predměty</th>
        </tr>
        <tr></tr>
      </table>
    </div>
  </body>
</html>


getJSON-tabulka学生ů
$（文档）.ready（函数（）{
$.getJSON（“http://eso.vse.cz/~xvojs03/studenti.json”）
.完成（功能（数据）{
$。每个（数据、函数（键、值）{
$.each（data.predmety，function（）{
$（“tr”）。追加（“”）
键+“：“+val+”+predmety.join（“，”+”）
});
});
});
});
Následujícíjsme získali Ajaxem ze serveru
杰梅诺
Příjmení
麻木
塞梅斯特
Predměty

此行可能有语法错误：

$("tr").append("<td>"key + ": " + val + "</td><td>" + predmety.join(",") + " ")

您可以尝试以下代码，为表提供一个id，并放置以下js代码段：

$.each(data, function(key, val) {
  $("#result-set").append("<tr><td>"+val.jmeno+"</td><td>"+val.prijmeni+"</td><td>"+val.stupen+"</td><td>"+val.semestr+"</td><td>"+val.predmety.join(",")+"</td></tr>");
});

$。每个（数据、函数（键、值）{
$（“#结果集”）.append（“+val.jmeno+”+val.prijmeni+”+val.stupen+“+val.semestr+”+val.predmety.join（“，”+”）；
});

整页代码为：


getJSON-tabulka学生ů
$（文档）.ready（函数（）{
$.getJSON（“http://eso.vse.cz/~xvojs03/studenti.json”）
.done（函数（数据）{
$。每个（数据、函数（键、值）{
$（“#结果集”）.append（“+val.jmeno+”+val.prijmeni+”+val.stupen+“+val.semestr+”+val.predmety.join（“，”+”）；
});
});
});
Následujícíjsme získali Ajaxem ze serveru
杰梅诺
Příjmení
麻木
塞梅斯特
Predměty

第一个修复方法是将引用添加到空白表中，正如@Juyal Ahmed所回答的那样

在此处为表指定id：

<table id="result-set">

我现在看到的问题是一个跨来源的问题。查看控制台：

它仍然不起作用，表是空的，您能再次检查代码段吗？

<table id="result-set">

$("#result-set").append