<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/
xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Objeto Ajax</title>
<script type="text/javascript">
    if(window.XMLHttpRequest) {
        objetoAjax = new XMLHttpRequest();
    }
        else if(window.ActiveXObject) {
            objetoAjax = new ActiveXObject("Microsoft.XMLHTTP");
    }

function obtenerDatos(origen, destino){
          if(objetoAjax) {
              objetoAjax.open("POST",origen);
                objetoAjax.onreadystatechange  = function(){
                        if (objetoAjax.readyState==4 && objetoAjax.status==200) {
                            document.getElementById(destino).innerHTML = objetoAjax.responseText;
                        }
                }
                objetoAjax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
                objetoAjax.send('a=13&b=5&c=Apaña una cadena cómplice con y tíldica');

        }
  }

</script>
</head>
<body>
<div id="pruebas" style="font-family:Arial;font-size:12px;color:red;background-color:yellow">Soy la div pruebas. Al pulsar haré una multiplicación y devolveré el resultado. Mis peculiaridades son estas:
 <ul>
 <li>Uso el método POST</li>
 <li>Utilizo como URL: <b>multiplica.php</b></li>
  <li>Incluyo <b>objetoAjax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");</b></li>
 <li>Incluyo <b>objetoAjax.send('a=7&b=13&c=Apaña una cadena cómplice y tíldica'')</b><br /><br /></li>


 </ul>

</div>
<A href="javascript:void(0);" onclick="obtenerDatos('multiplica.php','pruebas');">Pulsar</a>
</body>
</html>