Foros del Web » Programando para Internet » Jquery »

enviar formularios sin recargar la pagina ...

Estas en el tema de enviar formularios sin recargar la pagina ... en el foro de Jquery en Foros del Web. hola amigos soy nuevo aquí este es mi primer post espero no la embarre jejej les cuento mi caso tengo un formulario bn... que tienen ...
  #1 (permalink)  
Antiguo 30/09/2014, 17:50
 
Fecha de Ingreso: septiembre-2014
Mensajes: 24
Antigüedad: 10 años, 1 mes
Puntos: 0
enviar formularios sin recargar la pagina ...

hola amigos soy nuevo aquí este es mi primer post espero no la embarre jejej
les cuento mi caso tengo un formulario bn... que tienen dos botones uno atras y otro siguiente bn... lo que hace es una epecie de paginacion ...listo hasta hay todo va bn ...
tengo el siguiente codigo que hace el llamdado sin tener que regar la pagina ...


$(document).ready(function() {
$('#miformu1').submit(function() {
$.ajax({
type: 'POST',
url: $(this).attr('action'),
data: $(this).serialize(),

success: function(data) {
alert("refrescando la pagina");
$('.menu').html(data);
} })
return false; });})


el gran problema esque no me esta tomando el value del submit que es lo que nesecito.....
de annte mano mil y mil gracias por leer mi inquietud y sus posibles soluciones
  #2 (permalink)  
Antiguo 01/10/2014, 08:51
Avatar de chichote
Colaborador
 
Fecha de Ingreso: diciembre-2004
Ubicación: Santiago - Chile
Mensajes: 1.868
Antigüedad: 19 años, 11 meses
Puntos: 145
Respuesta: enviar formularios sin recargar la pagina ...

Puedes postear el html? para ejecutar el script que nos dejaste, no es necesario el value, de hecho el atributo value no es propio de un formulario, pero si de los campos que estén dentro del formulario.

No estoy seguro, pero prueba remplazar $(this).attr('action') por $('#miformu1').attr('action'), lo mismo con el serialize.

saludos.
__________________
http://chicho.ninja yiaaaa
  #3 (permalink)  
Antiguo 03/10/2014, 06:38
 
Fecha de Ingreso: septiembre-2014
Mensajes: 24
Antigüedad: 10 años, 1 mes
Puntos: 0
Respuesta: enviar formularios sin recargar la pagina ...

ola amigo primero que todo gracias por tomarte el tiempo de leer mi inquietud ...lastimosamente el problema persiste .... pero encontré otra forma de enviar los datos ....
este s el js


$(document).ready(function() {
$('#div-btn2').click(function(){
$.ajax({
type: "POST",
url: "administrador2.php?atras=siguiente&final=5&inicio =0",
success: function(a) {
$('.box_menu').html(a);
}
});
});
});

$(document).ready(function() {
$('#div-btn3').click(function(){
$.ajax({
type: "POST",
url: "administrador2.php?atras=atras&final=5&inicio =0",
success: function(a) {
$('.box_menu').html(a);
}
});
});
});


y este es el html

<div id="tabs23">
<ul>
<li><a id="div-btn3" href="#"> atras</a></li>

<li><a id="div-btn2 "href="#"> siguiente</a></li>
</ul>
</div>
...listo todo funciona

pero cuando llego en administrador2.....necesito enviar datos de unas variables php------lo cual ajax no me agarra
....

lo que quiero hacer es algo como esto

aki estamos en otra pagina adminitrador2


$(document).ready(function() {
$('#div-btn3').click(function(){
$.ajax({
type: "POST",
url: "administrador2.php?atras=atras&final=.....aqu i nesesito poner una variable php ose $variable ......,
success: function(a) {
$('.box_menu').html(a);
}
});
});
});

pero ajax no me la tomas sabes algún método lo intente poniendolos asi <?php echo $variable;?> pero tampoco .. :(
  #4 (permalink)  
Antiguo 03/10/2014, 08:00
Avatar de chichote
Colaborador
 
Fecha de Ingreso: diciembre-2004
Ubicación: Santiago - Chile
Mensajes: 1.868
Antigüedad: 19 años, 11 meses
Puntos: 145
Respuesta: enviar formularios sin recargar la pagina ...

tienes una incongruencia en el script, por un lado estas diciendo que el envío es por POST, pero las variables las estás enviando por GET, veo dos soluciones, que desde php trabajes las variables como $_GET["atras"] y $_GET["final"], etc, o bien el envío lo hagas verdaderamente por POST desde jquery y claro, desde php capturarlas como $_POST.

Saludos.
__________________
http://chicho.ninja yiaaaa
  #5 (permalink)  
Antiguo 03/10/2014, 08:46
 
Fecha de Ingreso: septiembre-2014
Mensajes: 24
Antigüedad: 10 años, 1 mes
Puntos: 0
Respuesta: enviar formularios sin recargar la pagina ...

vale pero mi pregunta es .....
$(document).ready(function() {
$('#div-btn3').click(function(){
$.ajax({
type: "GET",
url: "administrador2.php?atras=siguiente&final=/*---->aqui como coloco la variable php, esque la e colocado de dos formas la normal que es *$final* y con *echo $final;**/",
success: function(a) {
$('.box_menu').html(a);
}
});
});
});

y las dos forams no entran .... gracias saludse, espero me hice entender bn
  #6 (permalink)  
Antiguo 03/10/2014, 08:50
Avatar de chichote
Colaborador
 
Fecha de Ingreso: diciembre-2004
Ubicación: Santiago - Chile
Mensajes: 1.868
Antigüedad: 19 años, 11 meses
Puntos: 145
Respuesta: enviar formularios sin recargar la pagina ...

a oka, ahora te entiendo, prueba con lo siguiente

Código:
url: "administrador2.php?atras=siguiente&final='<?php echo $tuVariable?>'
saludos.
__________________
http://chicho.ninja yiaaaa
  #7 (permalink)  
Antiguo 03/10/2014, 09:14
 
Fecha de Ingreso: septiembre-2014
Mensajes: 24
Antigüedad: 10 años, 1 mes
Puntos: 0
Respuesta: enviar formularios sin recargar la pagina ...

nada bro .. no se puede .. :(
url: "administrador2.php?atras=siguiente&final='<?p hp echo $tuVariable?>'",
url: "administrador2.php?atras=siguiente&final="<?p hp echo $tuVariable?>"",
url: "administrador2.php?atras=siguiente&final=$tuVaria ble'",

ninguna de las tres formas se puede
Çgracias saludes
  #8 (permalink)  
Antiguo 03/10/2014, 09:19
Avatar de chichote
Colaborador
 
Fecha de Ingreso: diciembre-2004
Ubicación: Santiago - Chile
Mensajes: 1.868
Antigüedad: 19 años, 11 meses
Puntos: 145
Respuesta: enviar formularios sin recargar la pagina ...

sorry, es sin comillas

Código:
url: "administrador2.php?atras=siguiente&final=<?php echo $tuVariable?>",
saludos.
__________________
http://chicho.ninja yiaaaa
  #9 (permalink)  
Antiguo 03/10/2014, 09:35
 
Fecha de Ingreso: septiembre-2014
Mensajes: 24
Antigüedad: 10 años, 1 mes
Puntos: 0
Respuesta: enviar formularios sin recargar la pagina ...

nada parcerito no hay cambios sera que no se puede :( .... e buscado por todas partes y no encuentro solución esque ni un ejemplo ....
saludes
  #10 (permalink)  
Antiguo 03/10/2014, 09:42
Avatar de chichote
Colaborador
 
Fecha de Ingreso: diciembre-2004
Ubicación: Santiago - Chile
Mensajes: 1.868
Antigüedad: 19 años, 11 meses
Puntos: 145
Respuesta: enviar formularios sin recargar la pagina ...

claro que se puede, el problema es que con lo que posteas no es sufieciente para darte una idea clara, es posible que el error esté del lado de tu archivo php (el que procesa la info enviada por ajax), en realidad puede estar en cualquier lado.

Que te dice la consola del navegador? pasan los datos? porque si pasan los datos, el problema lo tienes en el archivo php.

Saludos.
__________________
http://chicho.ninja yiaaaa
  #11 (permalink)  
Antiguo 03/10/2014, 10:19
 
Fecha de Ingreso: septiembre-2014
Mensajes: 24
Antigüedad: 10 años, 1 mes
Puntos: 0
Respuesta: enviar formularios sin recargar la pagina ...

estamos en administrador 2--------

$(document).ready(function() {
$('#div-btn2').click(function(){
$.ajax({
type: "GET",
url: "administrador2.php?atras=atras&final=<?php echo $final?>&inicio=<?php echo $inicio?>",
success: function(a) {
$('.box_menu').html(a);
}
});
});
});
$(document).ready(function() {
$('#div-btn3').click(function(){
$.ajax({
type: "GET",
url: "administrador2.php?atras=siguiente&final=<?ph p echo $final;?>&inicio=<?php echo $inicio;?>",
success: function(a) {
$('.box_menu').html(a);
}
});
});
});
if (!isset($final)&&!isset($inicio) )
{
$final =$_GET['final'];
$inicio=$_GET['inicio'];
}
else{
$final =$_GET['final'];
$inicio=$_GET['inicio'];
}
$atras=$_GET['atras'];

<a id="div-btn3" href='#'> siguiente</a>
<a href='#'> siguiente</a>


pero cuando doy click no pasa nada ves ...no muestra error ..yo creo que no entra al jquery pero si cambio la url
url: "administrador2.php?atras=atras&final=8&inicio =5",
entonces si me entra ...y lo que veo es por las variables php en el url
  #12 (permalink)  
Antiguo 03/10/2014, 10:30
Avatar de chichote
Colaborador
 
Fecha de Ingreso: diciembre-2004
Ubicación: Santiago - Chile
Mensajes: 1.868
Antigüedad: 19 años, 11 meses
Puntos: 145
Respuesta: enviar formularios sin recargar la pagina ...

creo que tu problema es más de fondo, según el código que presentas, estás mezclando todo, php, javascript, html, así nunca te funcionará, debes tener el javascript dentro de <script> los php dentro de bloques para php <?php ?>

Saludos.
__________________
http://chicho.ninja yiaaaa
  #13 (permalink)  
Antiguo 03/10/2014, 10:49
 
Fecha de Ingreso: septiembre-2014
Mensajes: 24
Antigüedad: 10 años, 1 mes
Puntos: 0
Respuesta: enviar formularios sin recargar la pagina ...

aaa noo si claro eske solo te copie los de andentro de las etiquetas ,,,, si fuera asi nada me funcionara :) .....
estoy pensando en otra solución que seria con sessiones pero no kiero serian mas codigo pienso yo

Etiquetas: ajax, formulario, formularios, javascript
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 23:14.