JSFiddle - React, Tailwind, and code Playground

HTML

<form>
   
</form>
<a href="#" class="next">click</a>

JavaScript

var form = $('form');

$(document).on('click', '.next', function(){
 $.ajax({
            url: "https://192.168.1.117:8444/ShipLinx/admin/validate.shipment.cancel.request.action",
            data: {}, //parameters go here in object literal form
            type: 'POST',
            async: false,
            success: function(data) {
          		$.ajax({
	            	url: "https://192.168.1.117:8444/ShipLinx/admin/shipment.cancel.request.action",
	              	data: {}, //parameters go here in object literal form
	              	type: 'POST',
	              	success: function(data) {
	              		$('#messages').html(data);
	              		$('#messages').delay(4000).fadeOut();
	              		$('#loaderDiv').css('display', 'none');
	              		$('#loader').css('display', 'none');
	              	},
	              	error: function() {
	            		$('#messages').html(data);
	            	  	$('#messages').delay(4000).fadeOut();
	            	  	$('#loaderDiv').css('display', 'none');
	            		$('#loader').css('display', 'none');
	              	}
     			});
            }
        });
})