JSFiddle - React, Tailwind, and code Playground

by Rupali Soni

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="button" id="click_btn" value="Click Here" />

JavaScript

$(document).ready(function() {
	var dataUrl = ['1','2','3','4','5','6','7'];
	   
	var completedRequest = 0;
	function getResults(start) {
		for(i=start; i < start+2; i++) {
            //alert(typeof (dataUrl[i]));
			if(typeof (dataUrl[i]) != 'undefined') {
				$.ajax({
					url: '/echo/html/?q='+dataUrl[i],
					complete: function(data) {
						console.log('Got success for URL: '+this.url);
						completedRequest ++;
						//console.log(dataUrl.length +' '+ (start+2));
						if(completedRequest == 2 && (start+2) < dataUrl.length) {
							getResults(start+2);
							completedRequest = 0;
						}   
					}
				});
			}
		}
}
	$('#click_btn').click(function() {
		//Initiate first request
		getResults(0);
	});
});