href con ajax??

xfletes · #1 (**permalink**) 26/04/2010, 11:30

Saludos a todos soy nuevo en esto del ajax,y tengo un este pekeño codigo

Código Javascript:

Ver original$.ajax({
        url:'login.php',
        type:'post',
        data: "username="+username+"&password="+password+"&rememberme="+rememberme,
        success: function(msg){
            if (msg==0)
            {           
                $('#result').fadeIn('slow');
                $(".result-inner").html('<div class="forgott_pass">Informacion Incorrecta! <a href="mail.php" title="Forgot password"> Olvido Su Contraseña? </a></div>');
                //alert ("username="+username+"&password="+password);
            }
            if (msg==1){
    
        window.location.href="alumnos.php";
            }
            
        }
    });

y quiero saber si es posible que en el HREF mandarle una variable como en php... ago asi como

<a href="mail.php?username="username>

si alguien me pudiera asesorar se los agradeceria muchisimo

gracias

lasma87 · #2 (**permalink**) 27/04/2010, 11:36

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<html>
    <script type="text/javascript">
        var xhr;
            function startAjax(){
                if(window.ActiveXObject){
                    xhr=new ActiveXObject("Microsoft.XMLHTTP");
                    //alert("entre en microsoft");
                }else if(window.XMLHttpRequest){
                    xhr=new XMLHttpRequest();
                    //alert("Entre en Firefox");
                }else{
                    //alert("su navegador no soporta ajax");
                }
                
                var m=document.getElementById('mail').value 
                xhr.open("POST","mail.php");
                xhr.onreadystatechange=callback;
                xhr.setRequestHeader('Content-type','application/x-www-forn-urlencoded');
                xhr.send("mail="+m);
            }
            function callback(){
                if(xhr.readyState==4){
                    if(xhr.status==200){
                        alert(xhr.responseText);
                }
                //alert(xhr.responseText);
                var div=document.getElementById("mensaje");
                div.innerHTML=xhr.responseText;
                }
            }
    </script>
        <input type="text" name="mail" id="mail">
        <input type="button" value="enviar" onclick="startAjax()">
        <div id="mensaje"></div>
</html>

y si no por get que es mas facil

Código HTML:

Ver original<html>
    <script type="text/javascript">
        var xhr;
            function startAjax(){
                if(window.ActiveXObject){
                    xhr=new ActiveXObject("Microsoft.XMLHTTP");
                    //alert("entre en microsoft");
                }else if(window.XMLHttpRequest){
                    xhr=new XMLHttpRequest();
                    //alert("Entre en Firefox");
                }else{
                    //alert("su navegador no soporta ajax");
                }
                
                var m=document.getElementById('mail').value 
                xhr.open("get","mail.php?mail="+m);
                xhr.onreadystatechange=callback;
                xhr.send(null);
            }
            function callback(){
                if(xhr.readyState==4){
                    if(xhr.status==200){
                        alert(xhr.responseText);
                }
                //alert(xhr.responseText);
                var div=document.getElementById("mensaje");
                div.innerHTML=xhr.responseText;
                }
            }
    </script>
        <input type="text" name="mail" id="mail">
        <input type="button" value="enviar" onclick="startAjax()">
        <div id="mensaje"></div>
</html>

saludos espero q te sirva!!

xfletes · #3 (**permalink**) 27/04/2010, 16:30

Muchas Grancias Lo intentare