Skip to main content

Using AJAX to set REST API Tokens, Part 7 - #34

Published: September 28, 2020 | DevDrawer

Estimated Reading Time
2 minutes
Video Duration
11:14 minutes

Become a Patreon to show support and get exclusive access to content:

Now that we have a working API with tokenization, let's take the app we have been working on and make it set and retrieve the API using tokens.

In this tutorial, we will use AJAX to make a request to the API to secure a token that can be used to view the pages and header content. The token will be generated server-side and sent to our app to be stored within the browser session. This will ensure every hit to our API is from a secured source.

0:00 Intro

02:16 Creating the AJAX function

04:35 Storing the session

05:17 Passing the token via the AJAX header

10:25: Upcoming: CRUD application using API

Applications Used

Visual Studio Code v1.43:

WAMP v3.2.0:

Swagger UI:

Computer Hardware:

Windows 10 Pro: (Amazon)

Samsung 500GB External SSD: (Amazon)

Samsung 970 EVO Plus SSD 1TB - M.2 NVMe: (Amazon)

Rosewill Hive-750S R750W PSU: (Amazon)

Phanteks Eclipse Tempered Glass Case: (Amazon)

MSI Arsenal Gaming AMD Ryzen Motherboard: (Amazon)

MSI Gaming GeForce RTX 2060 Super 8GB: (Amazon)

LG 34UM69G-B 34-Inch 21:9 UltraWide IPS Monitor: (Amazon)

Corsair 64GB (4 x 16GB) DDR4 Memory: (Amazon)

AMD Ryzen 7 2700X Processor: (Amazon)

Dell XPS 15 9500 15.6" Laptop / Windows: (Amazon)

Lenovo ThinkPad T15 15.6" Laptop / Linux: (Amazon)


Fujifilm X-T3: (Amazon)

Fujinon XF18-55mmF2.8-4: (Amazon)


Audio Technica AT2020: (Amazon)

Blue Snowball iCE: (Amazon)


I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to and affiliated sites.