Bueno yo para empezar te recomendaría jQuery. Es muy facil de usar y con 6 lineas (literalmente) haces una peticion get o post y devuelves el contenido.
Si quieres hacer la pagina multi-tarea (hacer 2 o mas cosas a la vez), creo yo, que vas a tener que hacerla entera bajo ajax, vamos que cualquier cosa se mueva gracias a eso.
El archivo php, a la vez que trabaja, copia por ejemplo la variable del bucle en otro archivo, mientras ajax lee ese archivo y le pasa la variable a javascript y cada X tiempo la actualiza??? O como es eso ... XDDD
Si y no xD
Veras lo que haces tu es mandar la petición a un archivo php, y este se procesa al mismo tiempo al que la mandas (sin tener que recargar ni nada).. es como si la cargase en un iframe y luego te devuelve la respuesta del archivo.
Te pongo un ejemplo.
archivo.php<?php
// aqui todo la ***** que tiene que procesar
// por ejemplo xD
if(isset($_GET['nombre'])){echo $_GET['nombre'].', eres un pollo robot!!!!';} ?>
archivo.html (con jquery)<html>
<head>
<title>oseaaa helloooo</title>
<script src="http://code.jquery.com/jquery-1.7.min.js"></script>
<script>
$(document).ready(function() {
$('#botoncarga').click(function() {
$.get("archivo.php", { nombre: $('#nombre').val() }, function(data){
alert(data);
});
});
});
</script>
</head>
<body>
<div>
<label>Nombre</label>
<input type="text" id="nombre" />
<input type="button" id="botoncarga" value="Que soy" />
</div>
</body>
</html>
Esto lo que hace es procesar el "archivo.php", enviarle el paramentro get "nombre" y devolver la respuesta.
Lo que quieres tu se podria adaptar perfectamente y es bastante sencillo.
Te dejo unos enlaces.
Si necesitas mas cosas, solo pide xD
Saludos