如何提交查詢請求並將其存儲在JavaScript中的變量中？

Question

我是SQL，JSON和Fusion Table的新手。我想從Fusion Table獲取數據並將其存儲在JavaScript中的變量中，以便我可以將數據附加到div元素中。

這是我迄今爲止的JavaScript：

var TopCity; 
    TopCity = '{ 
      "dataSourceUrl": 'http://www.google.com/fusiontables/gvizdata?tq=', 
      "query": 
     'SELECT Location FROM 131fgSFd-cumxvMzICckXO-W4CldzfO9J9D--Vw9V ORDER BY Total_Task_Num DESC LIMIT 1', 

      }'; 



    $("#TopCityDiv").append("<div>" + TopCity + "</div>"); 

基本上，我想找到城市已完成任務的頂部數和顯示城市名稱。

我通過融合表的SQL讀的東西，但我仍然困惑： https://developers.google.com/fusiontables/docs/v1/sql-reference

感謝所有幫助。

更新：它的工作原理！

爲了查詢我的融合表而不是將它保存在表中，我需要啓用Fusion Table API並創建一個公共API密鑰。

工作代碼：

$(document).ready(function() { 
    var TopCity; 

    $.ajax({ 
     type: "GET", 
     url: "https://www.googleapis.com/fusiontables/v1/query?sql=SELECT+Location+FROM+131fgSFd-cumxvMzICckXO-W4CldzfO9J9D--Vw9V+ORDER+BY+Total_Task_Num+DESC+LIMIT+1&hdrs=false&typed=false&fields=rows&key={API Key}", 

     success: function(data) { 
      TopCity = data["rows"]; 
      $("#TopCityDiv").append("<div>" + TopCity + "</div>"); 
     }, 
     error: function(xhr, error) { 
      console.log('NaN'); 

     } 
    }); 

}); 

Answer 1

您應該使用一個回調來獲取數據。例如，您可以使用下面的代碼

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 

     var TopCity; 

     $.get('https://www.googleapis.com/fusiontables/v1/query?sql=SELECT Location FROM 131fgSFd-cumxvMzICckXO-W4CldzfO9J9D--Vw9V ORDER BY Total_Task_Num DESC LIMIT 1&key={your API key}', function (data, status, xhr) { 
      //assign the data to TopCity for future use 
      TopCity = data; 

      //do something with the data here 
      $.("#TopCityDiv").append("<div>" + data + "</div>"); 
     }); 
    }); 
</script>