Here I am going to show you how to use AJAX in React HTTP GET request without using Third Party library. To do this I am going to use XMLHttpRequest for fetching data instead of Fetch API (fetch()). AJAX is an acronym that stands for Asynchronous JavaScript and XML. The Fetch API provides an interface to fetch resources from the server. This Fetch API is similar to the XMLHttpRequest but the new Fetch API provides more powerful and flexible feature set.
ContinueTag: AJAXEvent
jQuery ajaxSuccess
This AjaxEvent ajaxSuccess registers a handler to be executed whenever an Ajax request completes successfully. Whenever an Ajax request completes successfully, jQuery triggers the ajaxSuccess event. Any and all handlers that have been registered with the .ajaxSuccess() method are executed at this time. To observe this method in action, do the following
ContinuejQuery ajaxStop
This AJAXEvent ajaxStop registers a handler to be executed when all Ajax requests have completed. Whenever an Ajax request completes, jQuery checks whether there are any other outstanding Ajax requests. If none remain, jQuery triggers the ajaxStop event. Any and all handlers that have been registered with the .ajaxStop() method are executed at this time. The ajaxStop event is also triggered if the last outstanding Ajax request is cancelled by returning false within the beforeSend callback function.
ContinuejQuery ajaxStart
This AJAXEvent ajaxStart registers a handler to be executed when the first Ajax request begins. Whenever an Ajax request is about to be sent, jQuery checks whether there are any other outstanding Ajax requests. If none are in progress, jQuery triggers the ajaxStart event. Any and all handlers that have been registered with the .ajaxStart() method are executed at this time. To observe this method in action, do the following
ContinuejQuery ajaxSend
This AJAXEvent ajaxSend registers a handler to be executed before an Ajax request is sent. Whenever an Ajax request is about to be sent, jQuery triggers the ajaxSend event. Any and all handlers that have been registered with the .ajaxSend() method are executed at this time. To observe this method in action, do the following
ContinuejQuery ajaxError
This AJAXEvent ajaxError registers a handler to be called when Ajax requests complete with an error. Whenever an Ajax request completes with an error, jQuery triggers the ajaxError event. Any and all handlers that have been registered with the .ajaxError() method are executed at this time. To observe this method in action, do the following
ContinuejQuery ajaxComplete
This AJAXEvent ajaxComplete registers a handler to be called when Ajax requests complete. Whenever an Ajax request completes, jQuery triggers the ajaxComplete event. Any and all handlers that have been registered with the .ajaxComplete() method are executed at this time. To observe this method in action, do the following
Continue