elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Top 20 herramientas Hacking más populares de 2020


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  [Resuelto] jquery post enviar variables a php sin recargar página
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: [Resuelto] jquery post enviar variables a php sin recargar página  (Leído 2,090 veces)
gAb1


Desconectado Desconectado

Mensajes: 731


Ver Perfil
[Resuelto] jquery post enviar variables a php sin recargar página
« en: 2 Noviembre 2015, 04:10 am »

Hola buenas, estoy intentando enviar variables a php sin tener que recargar la página y ya tengo el script creado, aunque estoy teniendo problemas...

Código
  1.    $('.click').click(function() {
  2.  
  3.        if ($('#res_prop').is(':checked')) {
  4.            var prop_type = $('#res_prop').val();
  5.        }
  6.        else if ($('#com_prop').is(':checked')) {
  7.            var prop_type = $('#com_prop').val();
  8.        }
  9.  
  10.        $.ajax({
  11.            method: "POST",
  12.            url: "/search",
  13.            data: {
  14.                prop_type: prop_type,
  15.                city: $('select[name=city]').val(),
  16.                zone: $('select[name=zone]').val(),
  17.            }
  18.        }).done(function(data) {
  19.            $('.cont-1').hide();
  20.            $('.cont-2').show();
  21.        });
  22.  
  23.        return false;
  24.    });
  25.  

No tengo mucha idea de como funciona Ajax, espero una cosa pero recibo otra, me explico: yo creía que al darle al botón el nuevo código ya compilado sería mostrado automaticamente en la página (sin recargar ni hacer nada más) pero sin embargo me encuentro con que el nuevo código se encuentra dentro de data y no tengo ni idea de como reemplazar el codigo actual (todo el código de la página actual) con el nuevo recibido.

Gracias!


« Última modificación: 6 Noviembre 2015, 19:43 pm por #!drvy » En línea

gAb1


Desconectado Desconectado

Mensajes: 731


Ver Perfil
Re: jquery post enviar variables a php sin recargar página
« Respuesta #1 en: 2 Noviembre 2015, 15:23 pm »

Solución: Coger lo que necesitas e imprimirlo.

Código
  1. }).done(function(data) {
  2.        var new_content = $(data).find('#search');
  3.        $( "#search" ).html( new_content );
  4. });


En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Enviar múltiples datos. jquery post
PHP
Servia 3 5,463 Último mensaje 3 Julio 2010, 21:30 pm
por Pazador
enviar variables post a traves del visual
.NET (C#, VB.NET, ASP)
sancakoky 0 1,342 Último mensaje 15 Noviembre 2011, 16:33 pm
por sancakoky
[Resuelto] paginación rompe pagina cargada con ajax al recargar
Desarrollo Web
gAb1 2 820 Último mensaje 7 Noviembre 2015, 04:47 am
por gAb1
[Resuelto] Porque no puedo establecer los valores para las variables POST?
PHP
VintageChanel 4 1,463 Último mensaje 8 Agosto 2017, 16:38 pm
por VintageChanel
Actualizar div sin recargar pagina con jQuery
Desarrollo Web
Drakaris 1 1,651 Último mensaje 6 Agosto 2018, 04:30 am
por #!drvy
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines