How to pass an access token in an ajax call

Question

I asked a question earlier today about making an ajax call with the ZenDesk API.

I can successfully run the following in command prompt and create a ticket in ZenDesk (my_api_token is the API token string):

curl https://mydomain.zendesk.com/api/v2/tickets.json \
  -d '{"ticket": {"subject": "Test ticket from API", "comment": { "body": "Just a test -kawnah" }}}' \
  -H "Content-Type: application/json" -u kawnah@email.com/token:my_api_token -X POST

What I'm trying to understand now is how this translates into an ajax call. This is the documentation I'm following.

What I am doing at the moment is below:

$.ajax({
        type: 'post',
        url: 'https://domain.zendesk.com/api/v2/tickets.json',
        data: {
          "ticket": {
            "subject": "new contact from " + $('#contactFormEmail').val(),
            "comment": {
              "body": $('#contactFormMessage').val()
            }
          }
        },
        // ==========================================================
        // This is where I'm confused....
        // How do I authorize the API via the token? It's here right?
        // I'm trying it via standard setRequestHeader Authorization
        // For learning purposes in my local copy I'm pasting the key 
        // straight in, just to get it working.
        // I know this is bad practice. 
        // ==========================================================
        beforeSend : function( xhr ) {
            xhr.setRequestHeader( 'Authorization', 'BEARER my_api_token' );
        },
        success: function( response ) {
            console.log(response);
        },
        error : function(error) {
            console.log(error);
        }
      });

Here are some answers and docs I've looked at already but I'm still really confused:

(best one): https://auth0.com/blog/using-json-web-tokens-as-api-keys/

The definitive guide to form-based website authentication

Grafana passing access token in url

https://developer.zendesk.com/rest_api/docs/core/tickets#create-ticket

What should I be doing differently?

score 1 · Accepted Answer · answered Aug 01 '17 at 21:55

1

Code ok, but you need to generate api key using following URL.

https://developer.zendesk.com/requests/new

On above URL give address of your api URL and grant access. It will work for you.

answered Aug 01 '17 at 21:55

Qaiser Mehmood

202
2
10

Generated code will be used with Bearer api_code and with Authorisation header – Qaiser Mehmood Aug 01 '17 at 21:58
Yes, that was exactly what I needed! I could not find that anywhere...where did you find that? – kawnah Aug 01 '17 at 22:07
Same solution I tried all the day then find in technical support page. Same way it solved my issue. I was using approach for console app. That is I mentioned as approach is same on both ends to access ZenDesk APIs using Token – Qaiser Mehmood Aug 01 '17 at 22:10
Add other details in op as well :) – guradio Aug 01 '17 at 22:23

score 1 · Answer 2 · answered Aug 02 '17 at 13:37

1

The accepted answer is what I needed, but there is a big distinction that I was missing. If others read this I figured it might help.

I was trying to use the api token, when what I really needed was the api key.

answered Aug 02 '17 at 13:37

kawnah

3,204
8
53
103

How to pass an access token in an ajax call

2 Answers2

Linked