JSFiddle - React, Tailwind, and code Playground
HTML
<!--
Author: Nabil Kadimi
http://www.kadimi.com
-->
<a href="#" id="ajax_trigger">Click to load example.com</a><br />
<span id="status">Status...</span>
JavaScript
/*
Author: Nabil Kadimi
http://www.kadimi.com
*/
var attempts = 0;
var url = "http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20xml%20where%20url%3D'http%3A%2F%2Frss.news.yahoo.com%2Frss%2Ftopstories'";
$.ajaxSetup({
timeout: 1,
retryAfter: 2000
});
func = function(param) {
attempts++;
$.ajax(url).success(function() {
$('#status').text('#'+attempts+' : Success...');
}).error(function() {
$('#status').text('#'+attempts+' : Failure... Retry after ' + $.ajaxSetup().retryAfter / 1000 + ' seconds');
setTimeout('func("' + param + '")', $.ajaxSetup().retryAfter);
});
}
$('#ajax_trigger').click(func);