쿼리 요청을 제출하고 javascript의 변수에 저장하는 방법은 무엇입니까?

Question

저는 SQL, JSON 및 Fusion Table을 처음 사용합니다. 퓨전 테이블에서 데이터를 가져 와서 javascript의 변수에 저장하여 div 요소에 데이터를 추가 할 수 있습니다.

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

모든 도움을 주셔서 감사합니다.

업데이트 : 작동합니다!

퓨전 테이블을 쿼리하고 테이블에 저장하는 것뿐만 아니라 퓨전 테이블 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>