Ajax instead of cfflush?

<script>

function ajax(url, n) {
  // native XMLHttpRequest object
  var objDiv = document.getElementById('myDiv');
  if (window.XMLHttpRequest) {
    req = new XMLHttpRequest();
    req.onreadystatechange = function() {ajaxDone(objDiv, n);};
    req.open("GET", url, false);
    req.send(null);
    // IE/Windows ActiveX version
  } else if (window.ActiveXObject) {
   		req = new ActiveXObject("Microsoft.XMLHTTP");
    	req.onreadystatechange = function() {ajaxDone(objDiv, n);};
    	req.open("GET", url, false);
    	req.send(null);
    }
}

function ajaxDone(objDiv, n) {
  // only if req is "loaded"
  if (req.readyState == 4) {
    // only if "OK"
    if (req.status == 200) {
      results = req.responseText;
	  //alert(req.responseText);
	  if (n == 1) {
	  	objDiv.innerHTML = '';
	  }
     objDiv.innerHTML = objDiv.innerHTML + results + '<br>';
	 if (n == 10) {
	 	objDiv.innerHTML = objDiv.innerHTML + '<br> All done.';
	 }
    } 
  }
}
</script>

<cfoutput>
<!--- the div is created. IE8 wants it to be populated with something, else the div object will be null, hence the nbsp --->
<div id="myDiv">&nbsp;</div>

<!--- then populated via 10 ajax requests--->
	<script>
	<cfloop from="1" to="10" index="n">
		ajax('ajaxPage.cfm?rnd=' + Math.random() + '&n=#n#', #n#);
	</cfloop>
	</script>
</cfoutput> 

<!--- make it wait a little bit... --->
<cfloop index="randomindex" from="1" to="200000" step="1">
    <cfset random=rand()>
</cfloop>
<!--- then output the text --->
<cfoutput>Line #url.n# ---- random number is: #random#</cfoutput>

<script>
var req;

function ProcessAjax(url) {
  // IE8 - has native  object
  req = new XMLHttpRequest();
  req.onreadystatechange = function() {displayTheLine();};
  req.open("GET", url, false);
  // null for GET with native object
  req.send(null);
}

function displayTheLine() {
  if (req.readyState == 4 && req.status == 200) {
    var results = fncTrim(req.responseText);// take off any whitespace from the response
	var theDiv = document.getElementById('theDiv');
    theDiv.innerHTML = theDiv.innerHTML + results;
  }
}

function fncTrim(str) {
	str = str.replace(/^\s+|\s+$/g,'');
	return str;
}
</script>

<div id="theDiv">Here come 10 random numbers...<br></div>

<cfloop from="1" to="10" index="i">
	<script>
		ProcessAjax('createRandomNumber.cfm?rnd=' + Math.random());
	</script>
</cfloop>

<cfsetting enablecfoutputonly="yes">
<cfscript>
	sleep(1000);//delay by 1 second to simulate a longer process
</cfscript>
<cfset random=rand()>
<cfoutput>random number is: #random#<br></cfoutput>