forked from google/google-api-javascript-client
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathhttpBatch.html
More file actions
137 lines (118 loc) · 4.58 KB
/
httpBatch.html
File metadata and controls
137 lines (118 loc) · 4.58 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!--
Copyright (c) 2013 Google Inc.
Licensed under the Apache License, Version 2.0 (the "License"); you may not
use this file except in compliance with the License. You may obtain a copy of
the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
License for the specific language governing permissions and limitations under
the License.
To run this sample, replace apiKey with your application's API key.
It can be found at https://code.google.com/apis/console/?api=plus under API Access.
-->
<!DOCTYPE html>
<html>
<head>
<title>RPC Batch</title>
</head>
<body>
<div id="search" style="display:none;">
<p>Enter comma-separated queries to batch-search Google+ Profiles</p>
<label for="query">Queries</label>
<input id="query" type="text" />
<button onclick="makeRequest();">
Search Google+ Profiles
</button>
<div id="info"></div>
</div>
<script>
// Enter the API key from the Google Developer Console to handle any unauthenticated
// requests in the code.
// The provided key works for this sample only when run from
// https://google-api-javascript-client.googlecode.com/
// To use in your own application, replace this API key with your own.
var apiKey = 'AIzaSyAdjHPT5Pb7Nu56WJ_nlrMGOAgUAtKjiPM';
function handleClientLoad() {
gapi.load('client', initClient);
}
function initClient() {
gapi.client.init({
apiKey: apiKey,
discoveryDocs: ['https://www.googleapis.com/discovery/v1/apis/plus/v1/rest']
}).then(showSearch)
}
function showSearch() {
document.getElementById('search').style.display = '';
}
// Request smaller images from photos to save bandwidth
function resizeImage(imageUrl) {
var lastSlash = imageUrl.lastIndexOf('/');
var resizedUrl = imageUrl.substring(0, lastSlash) + '/w256' +
imageUrl.substr(lastSlash);
return resizedUrl;
}
function batchRequests(queries) {
var httpBatch = gapi.client.newHttpBatch();
var query;
queries = queries.split(',');
for (var i = 0; i < queries.length; i++) {
// Trim whitespace
query = queries[i].replace(/^\s\s*/, '').replace(/\s\s*$/, '');
var httpRequest = gapi.client.request({
'path': 'plus/v1/people',
'params': {'query': query}
});
httpBatch.add(httpRequest, {
id: 'query' + query,
callback: singleCallback
});
}
return httpBatch;
}
function singleCallback(resp, rawResp) {
console && console.log(resp);
}
function writeResponse(resp) {
var infoDiv = document.getElementById('info');
var result = resp.result;
if (!result.items) { return; }
var responseTitle = document.createElement('strong');
responseTitle.innerHTML = 'Profiles results for ' + resp.id + ':';
infoDiv.appendChild(responseTitle);
for (var i = 0; i < result.items.length ; i++) {
var profileResult = result.items[i];
var profileInfo = document.createElement('P');
if (profileResult.image && profileResult.image.url) {
var profilePic = document.createElement('IMG');
profilePic.src = resizeImage(profileResult.image.url);
profileInfo.appendChild(profilePic);
}
var profileLink = document.createElement('A');
profileLink.style.marginLeft = '5px';
profileLink.href = profileResult.url;
profileLink.innerHTML = profileResult.displayName;
profileInfo.appendChild(profileLink);
infoDiv.appendChild(profileInfo);
}
}
function batchCallback(resp, rawResp) {
var infoDiv = document.getElementById('info');
infoDiv.innerHTML = '';
for (var id in resp) {
writeResponse(resp[id]);
}
}
function makeRequest() {
var query = document.getElementById('query').value;
var rpcBatch = batchRequests(query);
rpcBatch.execute(batchCallback);
}
</script>
<script async defer src="https://apis.google.com/js/api.js"
onload="this.onload=function(){};handleClientLoad();"
onreadystatechange="if (this.readyState === 'complete') this.onload();">
</script>
</body>
</html>