Issue encountered while fetching authentication token from the indeed API

Question

Issue encountered while fetching authentication token from the indeed API

I've been trying to obtain an access token from the Indeed API developers. You can find more information about it here:

After creating a fetch request like this:

fetch(`https://apis.indeed.com/oauth/v2/tokens`, {
        method: 'POST',
        mode: 'no-cors',
        headers: {
            'Content-Type' : 'application/x-www-form-urlencoded',
            'Accept':'application/json'
        },
        body: JSON.stringify({client_id:'10efaf31aee65fb0b3dfe149c1e7c902c6c909bd02b1bec27c0a1ba1ae600bd4',client_secret:'Mtabdk9KbUulH9WQSvK5dvm3FTDWRflWJXjpcHiqNn4KozUBXRfBMA02MnTl01uK',grant_type:'client_credentials', scope:'employer_access'})
    })
    .then(response => {
        console.log(response);
    })
    .catch(error => {
        console.log(error);
    })

However, I keep getting a 400 BadRequest response that looks like this:

Response {type: 'opaque', url: '', redirected: false, status: 0, ok: false, …}

https://i.sstatic.net/0bFUL.png

The API seems to be working fine when tested with Postman. Is there something wrong with my fetch request?

javascript fetch-api

Answer 1

Answer №1

To successfully authenticate, follow these steps:

var myAuth = new Auth();
myAuth.append("Authorization", "Bearer your_access_token");

var dataBody = new Body();
dataBody.append("user", "john.doe@example.com");
dataBody.append("password", "securePassword123");

var requestConfig = {
method: 'POST',
authHeaders: myAuth,
body: dataBody,
redirect: 'follow'
};

fetch("https://example-api.com/authenticate?", requestConfig)
  .then(response => response.json())
  .then(result => console.log(result))
  .catch(error => console.log('Error occurred:', error));

Answer 2

To successfully authenticate, follow these steps:

var myAuth = new Auth();
myAuth.append("Authorization", "Bearer your_access_token");

var dataBody = new Body();
dataBody.append("user", "john.doe@example.com");
dataBody.append("password", "securePassword123");

var requestConfig = {
method: 'POST',
authHeaders: myAuth,
body: dataBody,
redirect: 'follow'
};

fetch("https://example-api.com/authenticate?", requestConfig)
  .then(response => response.json())
  .then(result => console.log(result))
  .catch(error => console.log('Error occurred:', error));

Issue encountered while fetching authentication token from the indeed API

Answer №1

Similar questions

Switching videos upon clicking buttons

What is the best way to establish a default selection in Angular?

Every time I try to loop through my JSON object using an $.each statement, an error is thrown

Combining JSON parameter and multipart/form-data file in a single request using Vue.js

What could be the reason for the text color not changing?

Can anyone provide tips for identifying empty spaces within an HTML document using JavaScript?

Provide a response for every result produced by the Node-RED function block

Analyzing and adding Angular JSON information

Is it possible to read a file with a different dynamically generated name each time in Cypress?

Transferring data to a view

Breaking down an RxJS observable sequence into various outputs

CORS blocking Axios POST request to Heroku causing a Network Error 503

Programmatically loading a URL into an ng-view component

The _destroy method of the jQuery widget factory is designed to efficiently

sequenced pauses within a sequence of interconnected methods in a class

Issue with autocomplete feature malfunctioning on both php and javascript

There seems to be an issue with Vue JS slots[name$1].every function as it is

"Having an issue with the jQuery AJAX call where the success function is not operating as expected

Vue alert]: The element "options" is not declared in the current instance but is being referenced during the rendering process. Facing problem with Vue JS

Using a javascript parameter in a cshtml file to filter data in a datatable