Hola nksn, un post excelente. Me ha parecido muy bien la mayoría de las cosas que has explicado en este tema, sin embargo, creo que estás complicando las cosas a los usuarios que no tienen conocimientos profundos del tema.
Desde mi punto de vista existen algunos frameworks de javascript que te ahorran todo el trabajo sucio y hacen que las peticiones ajax sean transparentes. En mi caso me gusta utilizar Jquery ya que es un potente framework en javascript que se ha convertido prácticamente en un estándar dentro del mundo del desarrollo web.
Si un usuario quiere aprender rápidamente a hacer peticiones ajax de un php a otro yo les mostraría el siguiente script que he hecho y está funcionando.
Código PHP:
<?php
session_start();
if ( isset($_POST['suma']) ) {
$_SESSION['suma']++;
echo $_SESSION['suma'];
die;
} else {
$_SESSION['suma'] = 0;
}
?>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Prueba ajax</title>
</head>
<body>
<p>Script que cuenta las veces que hemos hecho click en el botón</p>
<p>Guardamos el valor en una sesión php para hacer una prueba de ajax.</p>
<input type="button" id="_sumador" value="Haz click" />
<p>Hemos hecho click <strong id="suma"><?php echo $_SESSION['suma'] ?></strong> veces</p>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
function sumaAjax() {
$('#_sumador').click(function(){
$.ajax({
type: 'POST',
url: 'suma.php',
data: {suma: 'true'},
async: true,
success: function(result){
$('#suma').text(result);
},
error: function() {
alert('error en peticion ajax');
}
});
});
}
$(document).ready(function(){
sumaAjax();
});
</script>
</body>
</html>
Está claro que tu trabajo explicando en el post ha sido muy bueno y más extenso, pero yo suelo decir que las cosas cuánto más sencillas son, mejor se entienden :)
Luego cada uno ya puede recomplicar su script a su manera.
Gracias por el aporte!!
Edito: me he olvidado decir que el script se llama a sí mismo suma.php ;)