Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: gAb1 en 2 Noviembre 2015, 04:10 am



Título: [Resuelto] jquery post enviar variables a php sin recargar página
Publicado por: gAb1 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!


Título: Re: jquery post enviar variables a php sin recargar página
Publicado por: gAb1 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. });