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

 

 


Tema destacado: Introducción a Git (Primera Parte)


+  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 4,263 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 6,246 Último mensaje 3 Julio 2010, 21:30 pm
por Pazador
enviar variables post a traves del visual
.NET (C#, VB.NET, ASP)
sancakoky 0 2,047 Último mensaje 15 Noviembre 2011, 16:33 pm
por sancakoky
[Resuelto] paginación rompe pagina cargada con ajax al recargar
Desarrollo Web
gAb1 2 1,968 Último mensaje 7 Noviembre 2015, 04:47 am
por gAb1
Actualizar div sin recargar pagina con jQuery
Desarrollo Web
Drakaris 1 4,216 Último mensaje 6 Agosto 2018, 04:30 am
por #!drvy
enviar email sin recargar pagina y mostrar un toastr en spring y thymeleaf solamente
Desarrollo Web
Beginner Web 0 3,139 Último mensaje 24 Junio 2021, 00:49 am
por Beginner Web
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines