使用 JavaScript 查询 Fusion Tables 并选择 3 个随机项目答案

【问题标题】：Query Fusion Tables with JavaScript and pick 3 random items使用 JavaScript 查询 Fusion Tables 并选择 3 个随机项目
【发布时间】：2016-06-13 18:46:48
【问题描述】：

我正在使用 Fusion Tables 来存储我的 Google Drive Photos 的 URL（存储在 Link 列中）。

我正在使用 JavaScript 查询 Fusion Tables 以获取所有 URL，然后创建一个表，其中包含从数据中随机挑选的 3 个项目。

我在下面添加的代码让我看到了前 3 张照片……我试图换行

contentStr += "<td><img src=" + item[j]+"></td>";

到

contentStr += "<td><img src=" + randomElement[j]+"></td>";

但它不起作用。有人可以帮我吗？

<head>
    <title>Test</title>
  </head>
  <body>
    <div id="content"></div>
    <script>
    function handler(response) {
      var maxFoto = response.rows.length
      var contentStr = "<table>";
      for (var i = 0; i < 3; i++) {
        var item = response.rows[i];
          var randomFoto = Math.floor(Math.random()*maxFoto);
          var randomElement = item[randomFoto];
        contentStr += "<tr>";
        for (var j = 0; j < item.length; j++) {
          contentStr += "<td><img src=" + item[j]+"></td>";
        }
        contentStr += "</tr>";
      }
      contentStr += "</table>";
      document.getElementById("content").innerHTML = contentStr;
    }
    </script>
    <script src="https://www.googleapis.com/fusiontables/v2/query?sql=SELECT%20Link%20FROM%20MYidTABLE&key=MYKEY&callback=handler&viewable=true"></script>
  </body>
</html>

【问题讨论】：

您好，在什么情况下它不起作用？控制台上是否有任何错误？为了得到答案，请尽可能具体。
我很抱歉 - 审核队列并没有使答案尽可能明显:)

标签： javascript random google-fusion-tables

【解决方案1】：

我给自己一个答案...下面的代码完美！

<html>
  <head>
    <title>Test</title>
  </head>
  <body>
    <div id="content"></div>
    <script>
    function handler(response) {
      var maxFoto = response.rows.length
      var contentStr = "<table>";
      for (var i = 0; i < 3; i++) { 
        var randomFoto = Math.floor(Math.random()*maxFoto);
        var item = response.rows[randomFoto];
        contentStr += "<tr>";
        for (var j = 0; j < item.length; j++) {
          contentStr += "<td><img src=" + item[j]+"></td>";
        }
        contentStr += "</tr>";
      }
      contentStr += "</table>";
      document.getElementById("content").innerHTML = contentStr;
    }
    </script>
    <script src="https://www.googleapis.com/fusiontables/v2/query?sql=SELECT%20Link%20FROM%20MYTABLEID&key=MYKEY&callback=handler&viewable=true"></script>
  </body>
</html>

【讨论】：