Envio de formulario en Ajax

[callesstone2]

Hola miren tengo un problemilla con el ajax o con el form para enviar a la bd les muestro los codigos

Código HTML:

<script src="Enviar.js"></script>
 
<?
$id = 1;
$Usuario = "Onlyrock25";
$Avatar = "dasda.hpf";
$Pagina = "Home";
?>
 
Onlyrock25<br />
<img src="" width="140" height="140" /><br />
<form onsubmit="Comentar('<? echo $id ?>','<? echo $Usuario ?>','<? echo $Avatar ?>','<? echo $Pagina ?>,this.value)';" method="post">
<textarea cols="55" rows="5" onkeyup="Caracteres('Estados')"  id="Comentar"required="required" placeholder="Escribe un comentario."></textarea><br />
<div id="Estados"></div>
<input type="submit" value="Comentar" /><input type="reset"  value="Limpiar"/>
</form>
 

Código Javascript:

function Comentar(Id,Usuario,Avatar,Pagina){
    
    // Variables ajax ---
    var ajax = new XMLHttpRequest();
    
    // Variable Comentario ---
    var Comentario = document.getElementById('Comentar').value;
    
    // Estados ---
    ajax.onreadystatechange = function(){
        
        // Si esta cargando --- 
        if(ajax.readyState==1 || ajax.readyState==2 || ajax.readyState==3){ 
            // Escribe : Cargando...
            document.getElementById('Estados').innerHTML='Cargando...';
        }
        
        // Si se termino ---
      if(ajax.readyState==4 && ajax.status==200){
            // Escribe : Gracias por comentar , y Actualiza los Comentarios
            document.getElementById('Estados').innerHTML='Gracias por comentar';
        }
    }
    
    
    // Envio ---
    ajax.open("GET","Enviar.php?Id="+Id+"&Usuario="+Usuario+"&Avatar="+Avatar+"&Comentario="+Comentario+"&Pagina="+Pagina,true);
    ajax.send();
}
 

Código PHP:

<?
//--- Conexion mysql ---
$Conexion = mysql_connect('localhost','root','lamocosa');
mysql_select_db("ajax",$Conexion);  
 
// --- Variables ---
$id = $_GET['id'];
$Usuario = ucfirst($_GET['Usuario']);
$Avatar = $_GET['Avatar'];
$Comentario = nl2br(ucfirst($_GET['Usuario']));
$Pagina = ucfirst($_GET['Pagina']);
    
// --- Insercion mysql ---
 
echo 'id = '.$id.' <br>Usuario = '.$Usuario. ' <br>Avatar = '. $Avatar . '<br>Comentario = '. $Comentario . '<br>Pagina = '.$Pagina;
 
// mysql_query("INSERT INTO comentarios (`id`, `Usuario`, `Avatar`, `Comentario`, `Pagina`) VALUES ('".$id."', '".$Usuario."', '".$Avatar."', '".$Comentario."', '".$Pagina."');");
    
// --- Cerrar mysql ---
mysql_close($Conexion);
?>
 

El archivo Enviar.php por si solo si lo abro con las variables me manda todo de 10 por eso dedusco que el problema esta en el ajax.



Algun comentario que me pueda ayudar

[IsaBelM]

me he parado aquí

<script src="Enviar.js"></script>

te falta el atributo type

[callesstone2]

Sigo igual :S

[IsaBelM]

no vas a sumitar el formulario, así que no es necesario ni method ni action. tampoco necesitas un botón submit

<form>
<textarea cols="55" rows="5" onkeyup="Caracteres('Estados')" id="Comentar" required="required" placeholder="Escribe un comentario."></textarea><br />
<input type="button" value="Comentar" onclick="Comentar('<? echo $id ?>','<? echo $Usuario ?>','<? echo $Avatar ?>','<? echo $Pagina ?>,this.value)'; return false;" />

no muestras como has creado el objeto

var ajax = new XMLHttpRequest();

este comentario

// Escribe : Gracias por comentar , y Actualiza los Comentarios

no muestras el código para actualizar los comentarios

[callesstone2]

El codigo para actualizar luego lo hago me olvide de quitarlo antes de postearlo aqui.

y el XMLHttpRequest lo cree como esta alli puesto. no pongo para navegadores viejos ni nada. la pagina que estoy haciendo es solo para chrome.

[IsaBelM]

chrome genera variables a partir de elementos con id. entonces, la solución puede estar en cambiar el nombre de la función o la id del control textarea.

en caso que esto no resuelva el problema, has de indicar que error te levanta

[callesstone2]

Iniciado por IsaBelM

chrome genera variables a partir de elementos con id. entonces, la solución puede estar en cambiar el nombre de la función o la id del control textarea.

en caso que esto no resuelva el problema, has de indicar que error te levanta

Si ese es el problema creo que : El nombre de la funcion puede ser el problema ya que es el mismo que el id del textarea