使用JavaScript查詢Fusion Tables並挑選3個隨機項目

-1

我正在使用Fusion Tables將URL存儲到我的Google Drive Photos（存儲在列鏈接中）。使用JavaScript查詢Fusion Tables並挑選3個隨機項目

我正在使用JavaScript來查詢Fusion Tables以獲取所有網址，然後使用從數據中隨機選取的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>

來源

2016-06-13 Blacktea

你好，什麼是它不工作？控制檯上是否有錯誤？請儘可能具體以獲得答案。 – saml

我的歉意 - 審查隊列不會讓答案儘可能明顯，因爲他們可能:) – saml

我給自己一個答案......下面的代碼運行完美！

<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>

來源

2016-06-20 18:24:33 Blacktea

使用JavaScript查詢Fusion Tables並挑選3個隨機項目

回答

相關問題