Unsuccessful attempt to send data using AJAX on the API

Question

Unsuccessful attempt to send data using AJAX on the API

I'm at a loss here - I've tried everything, and I just can't seem to figure out what the issue is. I'm attempting to make a 'POST' request to my teacher's server for a homework assignment, but for some reason it's not working. I've been stuck on this problem for over 2 hours now.

Below is the code I've written:

const xhr = new XMLHttpRequest();
const url = 'https://3uc5taw99i.execute-api.us-east-1.amazonaws.com/latest/attendees';
let attendee = JSON.stringify({firstName: 'Nikola', lastName: 'Nikola', email: 'Nikola', dateBirth: '13.12.1869'});
xhr.responseType = 'json';
xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE) {
        console.log(xhr.response);
    }
}
xhr.open('POST', url);
xhr.send(attendee);

javascript json ajax

Answer 1

Answer №1

If you are encountering The 401 Unauthorized error, make sure to include the authorization token variable in your request.

xhr.setRequestHeader('Authorization', '~Token~');

Another API will provide the authorization token for you.

const xhr = new XMLHttpRequest();
const url = 'https://3uc5taw99i.execute-api.us-east-1.amazonaws.com/latest/attendees';
let attendee = JSON.stringify({firstName: 'Nikola',lastName:'Nikola',email:'Nikola',dateBirth:'13.12.1869'});
xhr.responseType = 'json';
xhr.onreadystatechange = function(){
  if(xhr.readyState === XMLHttpRequest.DONE){
    console.log(xhr.response);
  }
  else{
    console.log(xhr.status); 
  }
}
xhr.open('POST',url);
xhr.send(attendee);

Answer 2

If you are encountering The 401 Unauthorized error, make sure to include the authorization token variable in your request.

xhr.setRequestHeader('Authorization', '~Token~');

Another API will provide the authorization token for you.

const xhr = new XMLHttpRequest();
const url = 'https://3uc5taw99i.execute-api.us-east-1.amazonaws.com/latest/attendees';
let attendee = JSON.stringify({firstName: 'Nikola',lastName:'Nikola',email:'Nikola',dateBirth:'13.12.1869'});
xhr.responseType = 'json';
xhr.onreadystatechange = function(){
  if(xhr.readyState === XMLHttpRequest.DONE){
    console.log(xhr.response);
  }
  else{
    console.log(xhr.status); 
  }
}
xhr.open('POST',url);
xhr.send(attendee);

Unsuccessful attempt to send data using AJAX on the API

Answer №1

Similar questions

Add the information to the current JSON file

Using Javascript to make a call to a RESTful endpoint

Unable to decrease the width of a div element in Vuetify and Nuxt

Scroll with Angular to Move Elements

In JavaScript, the event.defaultPrevented property will never be set to true

There seems to be an issue with the Redux connect() higher order component not functioning properly when passing an action creator and

What is the method for switching on and off responses for initial level comments?

Using PHP to send asynchronous requests to the server can greatly enhance

Endless repetition in Angular with ng-bind

Can you explain the process of sending an AJAX request and managing it on a web server coded in C?

How to suppress certain attributes (such as @Value and @id) in a Java application when working with Fhir JSON data

Loop through an array of objects in order to identify the key that holds the highest sum of values

Creating an interactive animation of bouncing balls within an HTML5 canvas using JavaScript

Leveraging JSON to access arrays in React

Firefox does not support event.dataTransfer.files for drag and drop operations

Capture the responseBody data within a Newman script from a Postman collection and save it to a

What steps do I need to take in order to display my data in a dynatree

transforming a string into a pandas dataframe using Python

What if the targeted URL is unresponsive and not returning any results?

What is the method for adjusting the width of a v-card based on its height?