Skip to content

Instantly share code, notes, and snippets.

@makgithub
Created April 3, 2017 07:38
Show Gist options
  • Save makgithub/27156a6fc88ae0d0c57db836b465b676 to your computer and use it in GitHub Desktop.
Save makgithub/27156a6fc88ae0d0c57db836b465b676 to your computer and use it in GitHub Desktop.
Get Google Contacts using javascript api
<html>
<head>
<title>Google Contacts</title>
</head>
<body>
Body .....
<div id="con"> </div>
<button onclick="auth();">GET CONTACTS FEED</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://apis.google.com/js/client.js"></script>
<script type="text/javascript">
function auth() {
var config = {
'client_id': "client_id",
'scope': 'https://www.googleapis.com/auth/contacts.readonly'
};
gapi.auth.authorize(config, function() {
fetch(gapi.auth.getToken());
});
}
function fetch(token) {
$.ajax({
url: "https://www.google.com/m8/feeds/contacts/default/full?access_token=" + token.access_token + "&alt=json",
dataType: "jsonp",
success:function(data) {
// display all your data in console
// console.log(JSON.stringify(data));
// $("#con").html(data);
var data=data;
var entry=data.feed.entry;
$( entry ).each(function( index,vaule ) {
var phone="";
if(vaule.gd$phoneNumber){
phone=" Phone No:"+vaule.gd$phoneNumber[0].$t;
}
var cont="<div> <span>"+index+" </span>"+ vaule.title.$t+phone+"</div>";
$("#con").append(cont);
});
}
});
}
</script>
</body>
</html>
@makgithub
Copy link
Author

google contacts api integration using javascript

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment