Fetch API in JavaScript Base API control

The Fetch class provides a way to make asynchronous network requests, typically to retrieve resources from a server.

  var fetchApi = new Fetch('index.html', 'GET');
  fetchApi.send()
     .then((value) => {
         console.log(value);
     }).catch((error) => {
         console.log(error);
     });

Properties

contentType

string

Specifies the content type of the request, which is used to indicate the original media type of the resource.

Defaults to null

data

string | Object

Specifies the data that needs to be added to the request.

Defaults to null

fetchRequest

Request

Specifies the request object that represents a resource request.

Defaults to null

type

string

Specifies which request method is to be used, such as GET, POST, etc.

Defaults to GET

url

string

Specifies the URL to which the request is to be sent.

Defaults to null

Methods

send

Send the request to server.

Returns Promise

Events

beforeSend

Function

Specifies the callback function to be triggered before sending the request to the server. This can be used to modify the fetchRequest object before it is sent.

onFailure

Function

Specifies the callback function to be triggered after the request is failed.

onLoad

Function

Specifies the callback function to be triggered after the response is received. This callback will be triggered even if the request is failed.

onSuccess

Function

Specifies the callback function to be triggered after the request is successful. The callback will contain the server response as a parameter.