Tema: href con ajax??
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 27/04/2010, 11:36
lasma87
 
Fecha de Ingreso: agosto-2009
Ubicación: capital federal
Mensajes: 39
Antigüedad: 15 años, 3 meses
Puntos: 0
Respuesta: href con ajax??
hola mira en ajax hay 2 formas tambien de pasar datos get y post como en php por ejemplo este es una manera de pasar por post
Código HTML: 
Ver original
  1. <html>
  2.     <script type="text/javascript">
  3.         var xhr;
  4.             function startAjax(){
  5.                 if(window.ActiveXObject){
  6.                     xhr=new ActiveXObject("Microsoft.XMLHTTP");
  7.                     //alert("entre en microsoft");
  8.                 }else if(window.XMLHttpRequest){
  9.                     xhr=new XMLHttpRequest();
  10.                     //alert("Entre en Firefox");
  11.                 }else{
  12.                     //alert("su navegador no soporta ajax");
  13.                 }
  14.                 
  15.                 var m=document.getElementById('mail').value 
  16.                 xhr.open("POST","mail.php");
  17.                 xhr.onreadystatechange=callback;
  18.                 xhr.setRequestHeader('Content-type','application/x-www-forn-urlencoded');
  19.                 xhr.send("mail="+m);
  20.             }
  21.             function callback(){
  22.                 if(xhr.readyState==4){
  23.                     if(xhr.status==200){
  24.                         alert(xhr.responseText);
  25.                 }
  26.                 //alert(xhr.responseText);
  27.                 var div=document.getElementById("mensaje");
  28.                 div.innerHTML=xhr.responseText;
  29.                 }
  30.             }
  31.     </script>
  32.         <input type="text" name="mail" id="mail">
  33.         <input type="button" value="enviar" onclick="startAjax()">
  34.         <div id="mensaje"></div>
  35. </html>


y si no por get que es mas facil
Código HTML: 
Ver original
  1. <html>
  2.     <script type="text/javascript">
  3.         var xhr;
  4.             function startAjax(){
  5.                 if(window.ActiveXObject){
  6.                     xhr=new ActiveXObject("Microsoft.XMLHTTP");
  7.                     //alert("entre en microsoft");
  8.                 }else if(window.XMLHttpRequest){
  9.                     xhr=new XMLHttpRequest();
  10.                     //alert("Entre en Firefox");
  11.                 }else{
  12.                     //alert("su navegador no soporta ajax");
  13.                 }
  14.                 
  15.                 var m=document.getElementById('mail').value 
  16.                 xhr.open("get","mail.php?mail="+m);
  17.                 xhr.onreadystatechange=callback;
  18.                 xhr.send(null);
  19.             }
  20.             function callback(){
  21.                 if(xhr.readyState==4){
  22.                     if(xhr.status==200){
  23.                         alert(xhr.responseText);
  24.                 }
  25.                 //alert(xhr.responseText);
  26.                 var div=document.getElementById("mensaje");
  27.                 div.innerHTML=xhr.responseText;
  28.                 }
  29.             }
  30.     </script>
  31.         <input type="text" name="mail" id="mail">
  32.         <input type="button" value="enviar" onclick="startAjax()">
  33.         <div id="mensaje"></div>
  34. </html>

saludos espero q te sirva!!