As, you are up to ajax so you might also know that all modern browsers support the XMLHttpRequest object.
The XMLHttpRequest object can be used to exchange data with a web server behind the scenes. This means that it is possible to update parts of a web page, without reloading the whole page.
Create an XMLHttpRequest Object
All modern browsers (Chrome, Firefox, IE7+, Opera) have a built-in XMLHttpRequest object.
Syntax for creating an XMLHttpRequest object:
variable = new XMLHttpRequest();
Example
var xhttp = new XMLHttpRequest();
 Some of the XMLHttpRequest Object Methods are give below for your reference:
| Method | 
Description | 
| new XMLHttpRequest() | 
Creates a new XMLHttpRequest object | 
| abort() | 
Cancels the current request | 
| getAllResponseHeaders() | 
Returns header information | 
| getResponseHeader() | 
Returns specific header information.
   | 
| If you Want to learn more about Javascript/ajax refer  this https://www.edureka.co/search/ajax | 
 |