Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Consulta Sobre Ajax - MySQL

Estas en el tema de Consulta Sobre Ajax - MySQL en el foro de Frameworks JS en Foros del Web. Bueno chicos, disculpen que los moleste tanto.. Les planteo este problema. Yo estoy haciendo una web, la cual tiene perfiles donde podes dejar comentarios. Esos ...
  #1 (permalink)  
Antiguo 27/03/2011, 02:50
 
Fecha de Ingreso: octubre-2010
Ubicación: Mountain View, United States.
Mensajes: 87
Antigüedad: 14 años
Puntos: 1
Exclamación Consulta Sobre Ajax - MySQL

Bueno chicos, disculpen que los moleste tanto..

Les planteo este problema.

Yo estoy haciendo una web, la cual tiene perfiles donde podes dejar comentarios.

Esos comentarios quiero que se hagan via AJAX.

Yo quiero que cuando haga un comentario, este se envie por AJAX,
este AJAX lo envia hacia el archivo donde se registran en la base de datos.
Y si el comentario fue enviado correctamente, que se muestre abajo el comentario.

Asi rapido, vos comentas, el comentario se envia, y abajo aparece el comentario.

Sin tener que recargar nada.

Vieron cuando comentan en Facebook?, que comentas y abajo rapido
aparece tu comentario?, bueno un estilo asi.


Yo se que ustedes son re grosos y saben mucho y espero puedan ayudar a este inocente ser humano :rolleyes:
  #2 (permalink)  
Antiguo 27/03/2011, 12:41
 
Fecha de Ingreso: junio-2010
Ubicación: Venezuela, Zulia
Mensajes: 686
Antigüedad: 14 años, 4 meses
Puntos: 55
Respuesta: Consulta Sobre Ajax - MySQL

si haces una busqueda aqui mismo encontraras respuestas, por otra parte tambien puedes usar el mismo de facebook pero deben estar conectados al facebook

Código HTML:
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#appId=APP_ID&amp;xfbml=1"></script>
<fb:comments href="www.prueba.centerhipico.com" num_posts="10" width="500"></fb:comments> 
solo debes modicar la url por la tuya
__________________
<?php echo "No te metas a lo hondo del Mar si no sabes nadar, primero aprende a nadar" ?>
...Error en linea: 1 o.O
  #3 (permalink)  
Antiguo 27/03/2011, 20:04
 
Fecha de Ingreso: octubre-2010
Ubicación: Mountain View, United States.
Mensajes: 87
Antigüedad: 14 años
Puntos: 1
Respuesta: Consulta Sobre Ajax - MySQL

Cita:
Iniciado por johhan16 Ver Mensaje
si haces una busqueda aqui mismo encontraras respuestas, por otra parte tambien puedes usar el mismo de facebook pero deben estar conectados al facebook

Código HTML:
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#appId=APP_ID&amp;xfbml=1"></script>
<fb:comments href="www.prueba.centerhipico.com" num_posts="10" width="500"></fb:comments> 
solo debes modicar la url por la tuya

Es que eso es lo que no quiero, usar el de Facebook.
En una busqueda exausta, encontre una tecnologia igual, voy a ver si me sirve
y bueno, si todo sale bien, les aviso.
  #4 (permalink)  
Antiguo 27/03/2011, 20:44
Avatar de Yefb  
Fecha de Ingreso: septiembre-2008
Ubicación: Medellín
Mensajes: 55
Antigüedad: 16 años, 2 meses
Puntos: 1
Sonrisa Respuesta: Consulta Sobre Ajax - MySQL

Puedes usar un formulario que tenga un ACTION que dirija al Script que contendrá el procesamiento para agregar el comentario y el atributo TARGET señalando a un Frame oculto que tenga en el Atributo SRC señalando al mismo Script en mención.
Parece un infierno de cosas enredadas, pero léelo suave y entenderás lo que digo.
Con una buena mezcla de Javascript + HTML + PHP puedes ponerlo bien funcional, Cero AJAX, y lo mejor de todo... Sin recargar la página, :).

Cualquier duda, me comentas.

Saludos!
  #5 (permalink)  
Antiguo 27/03/2011, 21:02
Avatar de Yefb  
Fecha de Ingreso: septiembre-2008
Ubicación: Medellín
Mensajes: 55
Antigüedad: 16 años, 2 meses
Puntos: 1
Respuesta: Consulta Sobre Ajax - MySQL

O usa jQuery, más fácil :)
  #6 (permalink)  
Antiguo 27/03/2011, 21:03
Avatar de Yefb  
Fecha de Ingreso: septiembre-2008
Ubicación: Medellín
Mensajes: 55
Antigüedad: 16 años, 2 meses
Puntos: 1
Respuesta: Consulta Sobre Ajax - MySQL

-----------

Última edición por Yefb; 27/03/2011 a las 21:04 Razón: Mensaje Repetido
  #7 (permalink)  
Antiguo 27/03/2011, 22:14
 
Fecha de Ingreso: octubre-2010
Ubicación: Mountain View, United States.
Mensajes: 87
Antigüedad: 14 años
Puntos: 1
Respuesta: Consulta Sobre Ajax - MySQL

Cita:
Iniciado por Yefb Ver Mensaje
O usa jQuery, más fácil :)
Tenes algun tutorial o algo para poder guiarme?
Te agradeceria :)
  #8 (permalink)  
Antiguo 27/03/2011, 23:57
Avatar de Yefb  
Fecha de Ingreso: septiembre-2008
Ubicación: Medellín
Mensajes: 55
Antigüedad: 16 años, 2 meses
Puntos: 1
Respuesta: Consulta Sobre Ajax - MySQL

Un buen artículo de Zootropo que nos enseña a realizar algo similar:
http://mundogeek.net/archivos/2010/0...ajax-y-jquery/

Es sólo cambiar el ejemplo para tu caso.

Saludos!
  #9 (permalink)  
Antiguo 28/03/2011, 07:02
 
Fecha de Ingreso: junio-2010
Ubicación: Venezuela, Zulia
Mensajes: 686
Antigüedad: 14 años, 4 meses
Puntos: 55
Respuesta: Consulta Sobre Ajax - MySQL

bueno dame unos minutos y te hago un ejemplo que te sirva
__________________
<?php echo "No te metas a lo hondo del Mar si no sabes nadar, primero aprende a nadar" ?>
...Error en linea: 1 o.O
  #10 (permalink)  
Antiguo 28/03/2011, 09:28
 
Fecha de Ingreso: junio-2010
Ubicación: Venezuela, Zulia
Mensajes: 686
Antigüedad: 14 años, 4 meses
Puntos: 55
Respuesta: Consulta Sobre Ajax - MySQL

ok fijate el ejemplo que hice para ti sencillo
http://prueba.centerhipico.com/comentario.php

los codigos usados

ajax_comentario.js
Código HTML:
//ESTA PRIMERA PARTE DEL CODIGO SE HACE PARA CREAR EL OBJETO EN AJAX Y FUNCIONE EN LOS EXPLORADORES
function objetoAjax(){
	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;
}
//AQUI TERMINA ESTA FUNCION QUE NO CAMBIA


//ESTA FUNCIONE SI PUEDE CAMBIAR SEGUN SEA EL CASO
function ingresaComentario(comentario){
	//donde se mostrará el resultado
	divResultado = document.getElementById('respuesta');
	
	
		//instanciamos el objetoAjax
		ajax=objetoAjax();
		//uso del medotod GET
		ajax.open("GET", "comentario_ajax.php?comentario="+comentario);
		ajax.onreadystatechange=function() {
			
			if (ajax.readyState==4) {
				//mostrar resultados en esta capa
				divResultado.innerHTML = ajax.responseText
			}
		}
		//como hacemos uso del metodo GET
		//colocamos null
		ajax.send(null)
}
comentario.php

Código PHP:
<!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>Prueba de Comentarios</title>
<script type="text/javascript" src="ajax_comentario.js"></script>


<script>
    function valida_envia(){
    
   
           if (document.forms.form1.elements['comentario'].value.length == 0) {
                alert('Por favor ingrese algun comentario');
                document.form1.comentario.focus() 
                return 0;
        }    
    
        else{ 
        
    ingresaComentario(document.forms.form1.elements['comentario'].value);            
        }
        return true;
   }
</script>

</head>

<body>
<form id="form1" name="form1" method="post" action="">
<table width="80%" border="0" align="center">
  <tr>
    <td colspan="2"><div align="center">Dime que piensas de mi.</div></td>
  </tr>
  <tr>
    <td width="46%"><div align="right">Agrega un Comentario</div></td>
    <td width="54%"><textarea name="comentario" cols="50" id="comentario"></textarea>
      <label>
      <input type="button" name="comentar" onclick="valida_envia(),this.form.comentario.value = ''" id="comentar" value="Comentar" />
    </label></td>
  </tr>
  </table>
</form>

<div id="respuesta">
<table width="80%" border="0" align="center">  
   <?php 
   
include_once('cone.php');
   
$link=conectarse();
   
   
$sql=mysql_query("select * from comentarios",$link);
   while(
$array=mysql_fetch_array($sql)) {
   
?>
   <tr>
    <td width="46%"></td>
    <td width="54%"><?php echo $array['comentario']; ?></td>
   </tr>
    <?php ?>
</table>
</div>
</body>
</html>
comentario_ajax.php

Código PHP:
<?php 

include_once('cone.php');
$link=conectarse();

$comentario=$_GET['comentario'];

mysql_query("insert into comentarios (comentario) values ('$comentario')",$link);

$sqlmysql_query("select * from comentarios",$link);
$filas mysql_fetch_row($sql);
if (
$filas 0) {
$sql2mysql_query("select * from comentarios",$link);
?>
<table width="80%" border="0" align="center">  
<?php 
while($array=mysql_fetch_array($sql2)) {
   
?>
   <tr>
    <td width="46%"></td>
    <td width="54%"><?php echo $array['comentario']; ?></td>
   </tr>
<?php ?>
</table>

  <?php } else { ?>
<div align="center">
<tr>
    <td colspan="2"><div align="center">NO HAY COMENTARIOS AUN</div></td>
</tr>
</div>
  <?php  ?>
cone.php

Código PHP:
<?php
function Conectarse()
{
      
$link mysql_connect('localhost','usuario','clave');
   
      
mysql_select_db('base_datos'$link);
      return 
$link;

}
?>
espero que te sirva aunque por supuesto le faltan muchos ajustes

edito: actualice el comentario.php para que funcione un poco mejor
__________________
<?php echo "No te metas a lo hondo del Mar si no sabes nadar, primero aprende a nadar" ?>
...Error en linea: 1 o.O

Última edición por johhan16; 28/03/2011 a las 09:48
  #11 (permalink)  
Antiguo 02/07/2011, 16:52
Avatar de geeck22  
Fecha de Ingreso: agosto-2010
Ubicación: Tijuana B.C.
Mensajes: 79
Antigüedad: 14 años, 2 meses
Puntos: 7
Respuesta: Consulta Sobre Ajax - MySQL

Muchas Gracias johhan16 era justo lo que buscaba!! :D

Etiquetas: ajax, mysql
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:27.