Adding a contact using Google Contact API in JavaScript

Question

I am playing with Google API in JavaScript. I managed to get a list of my contact with the following code :

$.ajax({
    url: 'https://www.google.com/m8/feeds/contacts/default/full?access_token=' + access_token + '&alt=json',
    method: 'GET',

    error: function(error) {
        alert('An error has occured during contact creation.');
    },

    success: function(data, status){
        console.log(data);
    }
});

I tried to add a contact by changing GET to POST and adding my contact data in the request body. But as soon as I add a data attribute, or change GET to POST, the server answers me the really annoying "No 'Access-Control-Allow-Origin" error.

Any idea?

I am following this documentation : https://developers.google.com/google-apps/contacts/v3/?csw=1#creating_contacts

score 1 · Accepted Answer · edited May 23 '17 at 12:07

It is possible to do this from the browser, although not obvious at all.

Based on this SO answer, we learn that there is method called gapi.client.request that can be used for this (instead of jQuery's $.ajax).

Accordingly, for editing we can do:

gapi.client.request({
    method : 'PUT', 
    path:'m8/feeds/contacts/default/full/<contactId>/<editRevisionFromGET>', 
    body : {"version":"1.0","encoding":"UTF-8","entry": ...}, 
    callback : function(data) { 
        console.log(data); 
    }
});

The important parts for editing in here are:

send back the entire entry you got before from a read
use the current ID given at the end of the URL in the entry.link element with relation type edit (or you'll get a HTTP Status 409 - Conflict)

Side note: Notice that these requests actually are done to https://content.googleapis.com/ ... From some quick tests, it seems you can do ?all? requests just to that URL instead of google.com, and then CORS issues disappear.

What is the format of `"entry":` to update contacts?? I am sending it like this: `{"entry":{"phone":{"cell": req.body.mobile}}}` but its giving error in response status 415 `invalid input` — kittu, Jan 10 '17 at 08:28

score 0 · Answer 2 · edited Aug 30 '23 at 16:39

0

gapi.client.request({
    method : 'PUT', 
    path:'m8/feeds/contacts/default/full/<contactId>/<editRevisionFromGET>', 
    body : {"version":"1.0","encoding":"UTF-8","entry": ...}, 
    callback : function(data) { 
        console.log(data); 
    }

edited Aug 30 '23 at 16:39

toyota Supra

3,181
4
15
19

answered Aug 29 '23 at 20:58

Shahd Mahmoud

1
1

Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Aug 31 '23 at 09:03

Adding a contact using Google Contact API in JavaScript

2 Answers2