Ajax no funciona

patilanz · #1 (**permalink**) 30/06/2013, 23:39

Hola, tengo el siguiente codigo javascript:

Código Javascript:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script language="javascript">
function ajax(){
    var tmp;
    if(window.XMLHttpRequest){
        tmp=new XMLHttpRequest();
    }else{
        tmp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    return tmp;
}
function gos(){
    ajax=ajax();
    ajax.onreadystatechange=function(){
        if(ajax.state==200 && ajax.readyState==4){
            alert(ajax.responseText);
            document.getElementsByTagName('div')[0].innerHTML=ajax.responseText;
        }else{
            document.getElementsByTagName('div')[0].innerHTML='Loading...';
        }
    }
    ajax.open('POST','recibir.php',true);
    ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    ajax.send('info='+document.getElementById('cosa').value);
    
}
</script>
</head>
 
<body>
<input type="text" id="cosa" />
<input type="button" onclick="gos();" />
<br />
<div>
 
</div>
</body>
</html>

Y en el archivo php

Código PHP:

Ver original<?php
print $_POST['info'].'<br />Funciona!!!'
?>

Antes tambien he usado ajax y funcionaba, pero ahora creo que tengo mal algun detalle y no llega la respuesta simplemete cambie el contenido de la div por Loading...

Que hago mal?

caricatos · #2 (**permalink**) 01/07/2013, 00:24

Hola:

Lo que veo raro es que no exista formulario... ¿Qué problema tienes... ?

¿Te has fijado en la consola del navegador?

Saludos

patilanz · #3 (**permalink**) 01/07/2013, 00:39

Cita:

Iniciado por caricatos

Hola:

Lo que veo raro es que no exista formulario... ¿Qué problema tienes... ?

¿Te has fijado en la consola del navegador?

Saludos

Hola, creo que no necesito formulario porque el boton tiene asignado onclick a la funciona que realiza el ajax y envia los datos. O me confundo y se necesita?

caricatos · #4 (**permalink**) 01/07/2013, 01:20

Hola:

En principio es lo que he visto "anormal", y sin saber si existen errores, tan solo doy mi opinión... si puedes probar alternativas, podrías inicializar el value del control con alguna frase del estilo "introduzca dato"...

Yo suelo usar controles de formulario dentro de un formulario, así que fuera de su contexto, no se me ocurre otra solución...

Otra cosa, ¿lo has probado en más navegadores?

Saludos

patilanz · #5 (**permalink**) 01/07/2013, 02:22

Cita:

Iniciado por caricatos

Hola:

En principio es lo que he visto "anormal", y sin saber si existen errores, tan solo doy mi opinión... si puedes probar alternativas, podrías inicializar el value del control con alguna frase del estilo "introduzca dato"...

Yo suelo usar controles de formulario dentro de un formulario, así que fuera de su contexto, no se me ocurre otra solución...

Otra cosa, ¿lo has probado en más navegadores?

Saludos

Hola, el value del control simplemente se me ha olvidado

Lo he provado en chrome y ie 7 , pero si no funciona en chrome no creo que funcionaria en los demas. De que controles de formulario hablas?

El codigo lo revise varias veces y lo volvi a escribir pero sigue igual... Sera un fallo tonto :D

Saludos

patilanz · #6 (**permalink**) 02/07/2013, 15:39

Hola he intentado cambiar de codigo asi:

Código Javascript:

Ver originalvar con=ajax();
        con.open('POST','register.php',true);
        con.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        con.send('name=cosa');
        con.onreadystatechange=function(){
            if(con.readyState==4 && con.status==200){
                alert('gooood!!!');
            }else if(con.readyState>0){
                alert('loading');
            }else if(con.status==404){
                alert('Se ha producido un error al intentar conectar con el servidor. Codigo: 404');
            }
        }

La funcion ajax() es:

Código Javascript:

Ver originalfunction ajax() {
    try {
        objeto = new XMLHttpRequest();
    } catch(err1) {
        try {
            objeto = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (err2) {
            try {
                objeto = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (err3) {
                objeto = false;
            }
        }
    }
    return objeto;
}

Y el archivo php:

Código PHP:

Ver original<?php
print $_POST['name'].'aaa';
 
?>

Pero simplemente alerta loading y nada mas ... Ni muestra error ni respuesta... En IE 7 Funciona ... y en chrome no ??? Porque ??

Alguna sugerencia o si no dar me un ejemplo sobre ajax que funciona aunque en internet hay muchos..