Show/hide Html Element On Javascript Xhr Request Function

i have a signle html element which i need to show and hide by jquery into a pure javascript xhr request method, for now it shows always the element without hiding when request is c

Solution 1:

Check this one: Wiki for xmlhttprequest

In the xmlHTTPRequest you have to check the state of the object to find out what is going on with the request.

Solution 2:

fixed with

xhr.onloadstart = function(){
       $('.ajax-loading').show();
  }

  xhr.onloadend = function(){
      $('.ajax-loading').hide();
  }