Comunidad de diseño web y desarrollo en internet online

Formulario Con JQuery & PHP ?

Citar            
MensajeEscrito el 26 Jul 2010 10:03 pm
ola a todos =) bueno pues soy nuevo en esto y estoy iniciandome en js y pues me resulto muy atractivo el framework JQUERY ... bueno pues el problema que tengo es que tengo es procesar o mas bien enviar un formulario con jquery pero actue de acuerdo a la respuesta que me de la pagina php que recibira el formulario.
Con ajax fue muy facil hacerlo ... aqui el code

Código Javascript :

function ax(){
   var xmlhttp=false;
   try {
      xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
   } catch (e) {
      try {
         xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (E) {
         xmlhttp = false;
        }
   }

   if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
      xmlhttp = new XMLHttpRequest();
   }
   return xmlhttp;}

function _rg(){ 
function $(el){return document.getElementById(el);}
$('xdivcarga').innerHTML = "<img src=Imagenes/Carg.gif''>";
ajax=ax();
ajax.open("POST", "envio.php",true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
if(ajax.responseText == 'exito'){
//location.href= ....
} else if(ajax.responseText == 'error'){alert('Ha ocurrido un error. Por favor vuelva a intentarlo.');
location.href = 'index.php';
} else {
$('xdiverrores').innerHTML = ajax.responseText;   
}

}}
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
ajax.send("Usuario="+$('campo1').value); 

   }

bueno un sencillo code pero aora lo quiero hacer con jquery y no puedo :S
Con jquery encontre un code asi

Código Javascript :

$(document).ready(function() {
    $().ajaxStart(function() {
        $('#load').show();
        $('#respuesta').hide();
    }).ajaxStop(function() {
        $('#load').hide();
        $('#respuesta').fadeIn('slow');
    });
    $('#form, #miformulario').submit(function() {
        $.ajax({
            type: 'POST',
            url: $(this).attr('action'),
            data: $(this).serialize(),
            success: function(data) {
         /* Quiero q muestra la respuesta de la pagina a la que le envie los datos */   
         /* Mas preciso usar response.Text pero con jquery alguna funcion parecida :S */        
if( respuestadelapaginaphp="bien" ) {
/* aki lo ke ago si esta bien */} else {
                $('#resultado').html(respuestadelapaginaphp); /* muestro los errores que me dice la pagina osea el action :S /*
}
            }
        })
        
        return false;
    }); 
})  

espero que me ayuden
y de antemano gracias

Por unfeeling

4 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 27 Jul 2010 01:23 pm
el parametro data es lo que imprime en pantalla el php.
respuestadelapaginaphp = data

Por 22

79 de clabLevel



 

Uruguay

safari
Citar            
MensajeEscrito el 27 Jul 2010 06:47 pm
muchas gracias , si sirve .
Bueno creo que esto puede servir para otros usuarios tanto mi code en ajax como el code de jquery .

Por unfeeling

4 de clabLevel



Genero:Masculino  

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.