Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Try something like this:</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;script src="https://apis.google.com/js/client.js"&gt;&lt;/script&gt; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"&gt;&lt;/script&gt; &lt;script&gt; // User Submitted Variables var project_id = 'XXXXXXXXXXX'; var client_id = 'XXXXXXXXXXXXXXXXXX.apps.googleusercontent.com'; var config = { 'client_id': client_id, 'scope': 'https://www.googleapis.com/auth/bigquery' }; function showProjects() { var request = gapi.client.bigquery.projects.list(); request.execute(function(response) { $('#result_box').html(JSON.stringify(response, null)); }); } function showDatasets() { var request = gapi.client.bigquery.datasets.list({ 'projectId':'publicdata' }); request.execute(function(response) { $('#result_box').html(JSON.stringify(response.result.datasets, null)); }); } function runQuery() { var request = gapi.client.bigquery.jobs.query({ 'projectId': project_id, 'timeoutMs': '30000', 'query': 'SELECT TOP(repository_language, 5) as language, COUNT(*) as count FROM [publicdata:samples.github_timeline] WHERE repository_language != "";' }); request.execute(function(response) { console.log(response); $('#result_box').html(JSON.stringify(response.result.rows, null)); }); } function auth() { gapi.auth.authorize(config, function() { gapi.client.load('bigquery', 'v2'); $('#client_initiated').html('BigQuery client initiated'); $('#auth_button').fadeOut(); $('#projects_button').fadeIn(); $('#dataset_button').fadeIn(); $('#query_button').fadeIn(); }); } &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;h2&gt;BigQuery + JavaScript Example&lt;/h2&gt; &lt;button id="auth_button" onclick="auth();"&gt;Authorize&lt;/button&gt; &lt;div id="client_initiated"&gt;&lt;/div&gt; &lt;button id="projects_button" style="display:none;" onclick="showProjects();"&gt;Show Projects&lt;/button&gt; &lt;button id="dataset_button" style="display:none;" onclick="showDatasets();"&gt;Show datasets&lt;/button&gt; &lt;button id="query_button" style="display:none;" onclick="runQuery();"&gt;Run Query&lt;/button&gt; &lt;div id="result_box"&gt;&lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload