JSFiddle - React, Tailwind, and code Playground

by aquadk

HTML

<Div id="msg">

</Div>

JavaScript

function mylogger(aValue) {
        var theDiv = document.getElementById("msg");
        theDiv.innerHTML += aValue + '<br>'
          //console.log( "second success" );
      }
      var USERNAME = 'userid';
      var PASSWORD = 'pass'
        // Assign handlers immediately after making the request,
        // and remember the jqxhr object for this request
      var jqxhr = $.ajax({
        type: "GET",
        url: "https://api.plivo.com/v1/Account/{auth_id}/Call/?status=live",
        dataType: 'json',
        async: false,
        headers: {
          "Authorization": "Basic " + btoa(USERNAME + ":" + PASSWORD)
        },
        success: function() {
          mylogger("success" + data);
        }
      })

      .done(function(data) {
        mylogger("second success");
      })

      .fail(function(data) {
          mylogger("error");
        })
        .always(function(data) {
          mylogger("finished");
          mylogger(data);
        });

      // Perform other work here ...

      // Set another completion function for the request above
      jqxhr.always(function() {
        mylogger("second finished");
      });