Ver Mensaje Individual
  #3 (permalink)  
Antiguo 27/10/2008, 04:38
Clarki
 
Fecha de Ingreso: junio-2005
Mensajes: 15
Antigüedad: 19 años, 4 meses
Puntos: 0
Respuesta: Problema con jQuery y AJAX

Cita:
Iniciado por venkman Ver Mensaje
¿Puedes poner también:
- el HTML del formulario?
- el enviar.php?
- La estructura de carpetas donde tienes cada cosa?


Por supuesto.

el index.php

Código HTML:
<!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>
</head>
<script type="text/javascript" src="/scripts/jquery-latest.js"></script>
<script type="text/javascript">
	function enviar()
	{
		var obj = document.getElementById("form_container");
		var mail = document.getElementById("mail").value;

		alert("ok");
		$.ajax({
			type: "GET",
			url: "enviar.php",
			data: "mail="+mail,
			success: function(msg){
				alert("todo ok");
				obj.innerHTML = 'Gracias, pronto obtendras noticias nuestras';
				//document.getElementById("h3_votos").innerHTML = msg;
			}, 
			error: function(xho){
				alert("Error:"+xho.responseText);
				//document.getElementById("h3_votos").innerHTML = "Error:"+xho.responseText;
			}
		});

	}
</script>

<body>
	<div id="form_container" align="center">
    	<label>Si quieres estar informado sobre novedades, suscribete a nuestro newsleteer y pronto sabras mas de nosotros</label>
        <form name="form1">
        	<label>Mail: </label><input type="text" name="mail"  id="mail"/>
            <input type="button" name="btn_enviar" value="Enviar" onclick="javascript: enviar();" />
        </form>
    </div>
</body>
</html> 
El enviar.php

Código PHP:
<?php
    conectar_db
();
    
    
// capturamos el mail
    
$mail $_REQUEST['mail'];
    
    
// introducimos el registro en la BBDD
    
$sql "INSERT INTO suscriptores values ('', '$mail')";
    
$result mysql_query($sql,$linkadb) or die('Consulta fallida: ' mysql_error());
    
mysql_free_result($result);
    
mysql_close($linkadb);
    
?>
Y bueno la estructura de carpetas...

index.php
enviar.php
/scripts/jquery.....js

Y poco mas.

Gracias y un saludo.