使用Javascript

Question

我希望api数据显示在表格中  数据{title，unique_id，description}来自api。我查看live.cricskill.com/fiddle.html但我无法将其附加到桌面上，所以请指导我如何操作。我检查了Stack Overflow上的所有可用方法，但都没有工作。

<table border='1' id="cricket">
    <!-- Make a Header Row -->
    <tr>
        <td><b>unique_id</b></td>
        <td><b>title</b></td>
        <td><b>description</b></td>

    </tr>
</table>

</div>
</div>


<script>
function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("demo").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "https://cricapi.com/api/cricket/your key", true);
  xhttp.send();

</script>