JSFiddle - React, Tailwind, and code Playground

HTML

<button id="btn">click to abort
</button>
<div id="info">loading...</div>

JavaScript

$(function() {
    // Ajax request sent.
     var xhr= $.ajax({
      url: 'http://gdata.youtube.com/feeds/api/videos/wbB3lVyUvAM?v=2&alt=jsonc',
      data: {
         format: 'json'
      }, 
      beforeSend: function() {
      	
      },
      dataType: 'jsonp',
      success: function(data) {      
        //console.log(data);
        $('#info').html(data.error.message);        
      },
      type: 'GET',
      error: function() {
      if(xhr.statusText == 'abort') {
      $('#info').html('Aborted!');
            			    return;
       }
      	alert('error');
      }
   });
   // Abort ajax request on click

   
   $('#btn').on('click', function() {
   
   		xhr.abort();
   });
});