gpt4 book ai didi

javascript - Google-Big Query with JavaScript

转载 作者:搜寻专家 更新时间:2023-11-01 04:58:03 24 4
gpt4 key购买 nike

我对 google api 和 JavaScript 有点陌生,

是否有人提供示例或教程,说明我如何使用 JavaScript 连接 Google-Big Query API 并将示例表中的数据加载到简单的 HTML 页面。

在此先感谢您。

最佳答案

尝试这样的事情:

<html>
<head>
<script src="https://apis.google.com/js/client.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
// 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();
});
}

</script>
</head>

<body>
<h2>BigQuery + JavaScript Example</h2>
<button id="auth_button" onclick="auth();">Authorize</button>
<div id="client_initiated"></div>
<button id="projects_button" style="display:none;" onclick="showProjects();">Show Projects</button>
<button id="dataset_button" style="display:none;" onclick="showDatasets();">Show datasets</button>
<button id="query_button" style="display:none;" onclick="runQuery();">Run Query</button>
<div id="result_box"></div>
</body>
</html>

关于javascript - Google-Big Query with JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11448789/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com