fetch()

XMLHttpRequest()

send()

open()

fetch(url)

fetch(url, options)

fetch(url, data)

fetch(url, headers)

GET

POST

PUT

DELETE

Using the method option

Using the type option

Using the request option

Using the data option

To specify the request headers

To specify the response headers

To specify the request body

To specify the response body

Using the data option

Using the body option

Using the params option

Using the query option

To convert a JavaScript object to a JSON string

To convert a JSON string to a JavaScript object

To parse a JSON string

To validate a JSON string

To convert a JavaScript object to a JSON string

To convert a JSON string to a JavaScript object

To parse a JSON string

To validate a JSON string

Synchronous requests wait for a response before continuing, while asynchronous requests do not.

Synchronous requests are faster than asynchronous requests.

Asynchronous requests are more secure than synchronous requests.

Synchronous requests are easier to implement than asynchronous requests.

Improved performance and responsiveness

Reduced server load

Improved scalability

All of the above

To send and receive HTTP requests

To parse JSON data

To create HTML elements

To handle events

UNSENT, OPENED, HEADERS_RECEIVED, LOADING, DONE

NEW, CONNECTED, SENDING, RECEIVING, CLOSED

REQUEST, RESPONSE, ERROR, ABORTED

PENDING, ACTIVE, COMPLETED

Using the onload event

Using the onreadystatechange event

Using the onprogress event

All of the above

To notify when the request state changes

To notify when the response is received

To notify when the request is completed

To notify when an error occurs

To indicate the status code of the response

To indicate the state of the request

To indicate the size of the response

To indicate the type of the response