Foro de elhacker.net

Programación => PHP => Mensaje iniciado por: LeandroAcosta123 en 5 Enero 2016, 11:33 am



Título: Filtrar por categoria de wordpress, sin recargar la pagina
Publicado por: LeandroAcosta123 en 5 Enero 2016, 11:33 am
Hola, queria saber filtrar con jquery, por diferentes tipos de categoria, sin recargar la pagina, yo cree una variable que se llama $cat donde ahi puedo poner por codigo por que quiero filtrar, pero quiero que este con botones, y que no tenga que recargar la pagina entera, solo esa parte del contenedor, cada div con el class row, es un post del wordpress

Este es parte del codigo:

Código
  1. <div class="container publicaciones">
  2.      <div class="row">          
  3.            <?php
  4.            $cat = "esquel-al-mundo";
  5.            #and query_posts('category_name='.$cat      para indexar segun la categoria
  6.            if ( have_posts() and query_posts('category_name='.$cat)) : while ( have_posts() ) : the_post(); ?>
  7.                <?php get_template_part( 'content', get_post_format() ); ?>
  8.            <?php endwhile; ?>
  9.            <?php endif; ?>
  10.        </div>
  11.    </div>
  12.  

(https://k60.kn3.net/6/0/E/0/E/A/391.png)

Asi es como se ve, la opcion 1 seria la categoria que elija yo, cuando le apriete click ,desaparezcan los que habia cargado, y volver a mostrarlos pero filtrados por categoria


Título: Re: Filtrar por categoria de wordpress, sin recargar la pagina
Publicado por: gAb1 en 5 Enero 2016, 21:18 pm
Si quieres compilar código php sin tener que recargar la página necesitas ajax (http://api.jquery.com/jquery.ajax/). Hay muchas maneras de hacer una petición a un archivo php para que devuelva lo que necesitas usando jquery.

Primero necesitas crear el script php y ponerlo en un archivo (puede ser el mismo). Luego con jquery haces la petición al archivo, buscas (https://api.jquery.com/find/) el div que quieres reemplazar y lo reemplazas (http://api.jquery.com/html/). Asi de sencillo.

Es muy sencillo, lee la documentación y los ejemplos, verás como lo consigues.