Formulario javascript

Visaki · #1 (**permalink**) 22/01/2015, 12:50

Buenas gente! pues antes que nada saludandolos ya que recien me integro a este foro que la verdad me ha ayudado bastante!!! y empezando con esto de las dudas jejeje!

Estoy haciendo un formulario en PHP en el cual se muestra el contenido en una <div> "container" y solo esa seccion es la que carga el contenido de las distintas paginas del sitio. En una de las páginas, muestro una lista de datos que se obtienen de una base MySQL y anexe un buscador... Mi problema es al momento de realizar la busqueda, ya que al hacerla, me envia a la pagina donde muestro el resultado en lugar de mostrarlo en la <div> container...

Si ya existe otro tema explicando esto, les agradecere que me orienten el como buscarlo, ya que no se exactamente como buscar este caso en particular...

Saludos y gracias!

carlosloaiza21 · #2 (**permalink**) 17/04/2015, 10:47

Hola mira si entiendo correctamente lo que quieres es que la los resultados de la busqueda se muestren en el div que mencionas sin que recargue la pagina:
te recomiendo que en tu formulario que tienes hagas lo siguiente:

Código:

<html>
<head>
	<title></title>
	<script src='jquery-1.11.2.min.js'></script>

</head>
<body>
	<div id='formulario'>
		<form id='busqueda'>
			<input type='text' name='producto' required><input type='submit'>
		</form>
	</div>
	<div id='resultados'></div>
	<script>
	$('#busqueda').submit(function(e){
		var datos=$('#busqueda').serialize();
		e.preventDefault();
		$.ajax({
			url:'buscar.php',
			type:'POST',
			cache:false,
			data:datos,
			success:function(respons){$('#resultados').append(respons)}
		});
	});
	</script>
</body>
</html>

ya dependera de ti si quieres separar el script final a un archivo distinto

Saludos

Visaki · #3 (**permalink**) 17/04/2015, 14:24

Muchas gracias carlosloaiza21! ya pude resolver el problema, pero tu solución me parece muchisimo mas limpia... la probaré a ver que tal me funciona!!

Saludos!!!

caricatos · #4 (**permalink**) 17/04/2015, 15:31

Hola:

No es necesario cargar una librería para una petición Ajax... en este foro hay muchos ejemplos

Saludos