Problema con ajax? o la parte que corresponde a javascript

[rafa_yael]

Buenas...

Estoy con un proyecto personal que incluye php y mysql. Soy nuevo y no entiendo mucho. Resulta que busque un codigo de "AJAX" para hacer unas consultas sin recargar página. y me encontre con este código.

Código Javascript:

function ajax (texto){
            alert(texto);
            if (texto=="")
              {
              document.getElementById("prueba").innerHTML="VAcio";
              return;
              }
             if (window.XMLHttpRequest)
              {// code for IE7+, Firefox, Chrome, Opera, Safari
              xmlhttp=new XMLHttpRequest();
              } else
                  {// code for IE6, IE5
                  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                  } 
            xmlhttp.onreadystatechange = function() 
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                {
                document.getElementById("prueba").innerHTML=xmlhttp.responseText;
                }
           
            
            xmlhttp.open("GET","ajaxconsultaingresardatos.php?q="+texto,true);
            xmlhttp.send();
 

Pero no me funciona. Parece ser que el error esta en la linea 15. Pero no se a que se deba. Esto lo se pues comentaba secciones del codigo para ver hasta donde dejaba de correr, y fue en esta linea que practicamente trono.

Se supone que me tiene que pasar unos datos por medio de GET a una pagina php que realizara la consulta SQL. Pero no ha funkado XS. Espero me puedan ayudar.

[DataLore]

Ya del vamos hay algo fuera de orden ahi. Y falta alguna que otra llave de scope.

El orden correcto sería:

Código Javascript:

....
//se crea la conexion
xmlhttp.open("GET","ajaxconsultaingresardatos.php?q="+texto,true);               
//se envia el pedido
xmlhttp.send();
//se procesa la response
xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)      {
              document.getElementById("prueba").innerHTML=xmlhttp.responseText;
          }
....
 

[DrFaust]

Te recomiendo que estudies muy bien el código que encontraste, lo mires y lo vuelvas a mirar hasta que se te quede grabado... Y luego uses jQuery.

jQuery es una librería de JavaScript que tiene una infinidad de utilidades prácticamente indispensables para trabajar con este lenguaje. Entre ellas, hay varias funciones de AJAX que te van a hacer la vida muy fácil. Un ejemplo básico:

$.get("contenido.php?id=1", function(r) {alert("El contenido es: " + r;});

... Y ya. Una línea de código.

Es importante que conozcas la lógica de AJAX en profundidad, y por eso te recomiendo que analices el código que posteaste y entiendas qué hace cada cosa. Pero también es importante complicarse la existencia lo menos posible, para poder invertir tu tiempo y tu atención en otros aspectos más importantes del proyecto. No tiene sentido escribir cien líneas de código si podés hacer lo mismo con diez.

Podés bajarte jQuery de: http://jquery.com/

[rafa_yael]

Iniciado por DataLore

Ya del vamos hay algo fuera de orden ahi. Y falta alguna que otra llave de scope.

El orden correcto sería:

Código Javascript:

....
//se crea la conexion
xmlhttp.open("GET","ajaxconsultaingresardatos.php?q="+texto,true);               
//se envia el pedido
xmlhttp.send();
//se procesa la response
xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)      {
              document.getElementById("prueba").innerHTML=xmlhttp.responseText;
          }
....
 

Hoo, creo que las horas que pase tratando de resolverlo me atontaron XD. Gracias por la ayuda.

Iniciado por DrFaust

Te recomiendo que estudies muy bien el código que encontraste, lo mires y lo vuelvas a mirar hasta que se te quede grabado... Y luego uses jQuery.

jQuery es una librería de JavaScript que tiene una infinidad de utilidades prácticamente indispensables para trabajar con este lenguaje. Entre ellas, hay varias funciones de AJAX que te van a hacer la vida muy fácil. Un ejemplo básico:

$.get("contenido.php?id=1", function(r) {alert("El contenido es: " + r;});

... Y ya. Una línea de código.

Es importante que conozcas la lógica de AJAX en profundidad, y por eso te recomiendo que analices el código que posteaste y entiendas qué hace cada cosa. Pero también es importante complicarse la existencia lo menos posible, para poder invertir tu tiempo y tu atención en otros aspectos más importantes del proyecto. No tiene sentido escribir cien líneas de código si podés hacer lo mismo con diez.

Podés bajarte jQuery de: http://jquery.com/

Si muchas gracias lo tomare en cuenta. Estuve estudiando el código e investigando para que es cada cosa pero como bien dices, es importante conocer la lógica de ajax, y pues si apenas conozco su existencia. xD

Y tambien gracias por el dato de la libreria.