Cargar paginas mediante ajax Cargar paginas mediante ajax - Página 2
Cargar paginas mediante ajax
Página 2 de 2 PrimeroPrimero 12
Mostrando resultados del 11 al 18 de 18
  1. #11
    Registro
    07-diciembre-2016
    Ubicación
    Lima - Perú
    Edad
    29
    Mensajes
    169
    Cargar paginas mediante ajax
    Cita Iniciado por juanjofurtado Ver Mensaje
    creo que no hablamos de lo mismo

    - - - Actualizado - - -

    Lo que pretendo hacer, es que carguen todos los enlaces en la misma pagina, sin que se recargue el navegador.

    Me puede orientar alguien?
    Ok, no especifiqué por que supuse que te darías cuenta que dentro de la función php mostrar_ajax() que has creado en functions.php puedes crear una instancia de WP_Query que recupere el contenido de una página usando el id, luego dentro del loop usas las funciones que te mencioné.

    Con eso ya tienes acceso a TODO el contenido de una página y sin recargar nada.

    Tienes que tener claro como usar WP_Query, qué parámetros pasarle y que funciones usar dentro del loop, etc por eso dije al principio: hay MUCHAS cosas que explicar.

  2. #12
    Pero así como me dices, denzel, tendría que volver a crear una especie de plantilla para el contenido que llamo desde el function, no es así? corrígeme si me equivoco.
    Lo que yo veo en otras web, es que cargan la pagina completa por ajax, la misma pagina, a la que se puede acceder sin utilizar javascript de forma normal. No se si me explico bien, wuaki.com, hace precisamente lo que yo estoy intentando hacer.

    Mire:

    Código PHP:
    <script>


        
        
    var 
    isIndex true;
     
    $(
    document).ready(function(){
        $(
    ".a_img_carousel").on('click', function(event){ 
            
    event.preventDefault();   
     
           
            
    history.pushState(null"", $(this).attr("href"));
     
           
            
    loadPage($(this).attr("href")+' #container');
        });
     
       
        $(
    window).bind("popstate", function () {
           
                
    loadPage(location.href ' #container');
           
           
           
        });
    });
     

    function 
    loadPage(url){
        $(
    "#container").hide(300);
        $(
    "#loading").show(300);
     
        $(
    "#container").load(url, function(){
            $(
    "#loading").hide(300);
            $(
    "#container").show(300);
            
        });
        
        
    }
        
        
    </script> 
    De esta forma, consigo cargar el div #container, del enlace con clase a_img_carousel, en el que hago click ,en la pagina que estoy, dentro del div #container y puedo navegar por el historial cambiando la dirección del navegador, es practicamente lo que necesito, y no me tira errores, parece que funciona bien. El único inconveniente, es que los script, "las funciones jquery que tenia funcionando", dejan de funcionar, (carousel, slider...) incluso al darle atrás en el navegador, esta misma función, que hace que me cargue en la misma pagina, también deja de funcionar.

    Creo que tengo que volver a llamar a esas funciones para que vuelva a funcionar, y así mismo a todos los script que tengo en el head, pero no se como hacer esto y ni si quiera se si voy bien o no, pues no tiene nada que ver con lo que usted me comento, denzel.

    de esta forma e intentado volver a cargar los script, pero no lo veo una forma elegante pues ni si quiera funciona como esperaba, pero funciona

    Código PHP:
    <script>
    $.
    getScript('https://code.jquery.com/ui/1.12.1/jquery-ui.js',function(){
       var 
    carousel = $("#carousel, #carousel_actrs, #carousel-all, #carousel-accion, #carousel-most_popular, #carousel-most_view");
       
    carousel.owlCarousel();

    });    
    </script> 
    He intentado ser lo mas explicito y claro posible, pero aun así les pido disculpa si es mucho y encima no me entienden jaja
    Última edición por Juanjo87; 09-ene-2017 a las 06:24

  3. #13
    Registro
    07-diciembre-2016
    Ubicación
    Lima - Perú
    Edad
    29
    Mensajes
    169
    • No, no es necesario crear una nueva plantilla, solo copias la estructura que ya tienes en tus páginas, en la función que has creado en functions.php
    • Para que las funciones de javascript funcionen cuando traes objetos de forma asíncrona, tienes que "delegar" esas funciones a un objeto que esté en el DOM durante la carga de la página y después de que has cargado todos los nuevos elementos.
    • El método que te estoy sugiriendo sirve para "recargar" ciertas partes de la web con nuevo contenido que traes del servidor, es decir, solo traes del servidor lo que consideres necesario.
    Última edición por denzel; 09-ene-2017 a las 18:24

  4. #14
    pues no me entero...

    - - - Actualizado - - -

    Alguien puede aportar algo?

    - - - Actualizado - - -

    He encontrado este tutorial https://stanhub.com/load-wordpress-p...ax-and-jquery/

    Que hace la llamada asi ajax asi:

    Código PHP:
    <script>
       $(
    document).ready(function(){
     
            $.
    ajaxSetup({cache:false});
            $(
    ".post-link").click(function(){
                var 
    post_link = $(this).attr("href");
     
                $(
    "#single-post-container").html("content loading");
                $(
    "#single-post-container").load(post_link);
            return 
    false;
            });
     
        });
    </script> 
    pero me sigue tirando el mismo error:

    Synchronous XMLHttpRequest on the main thread is deprecated

    como soluciono esto?

  5. #15
    Cita Iniciado por juanjofurtado Ver Mensaje
    pues no me entero...
    ,load() esta obsoleto desde jquery 1.8,
    Cita Iniciado por denzel Ver Mensaje
    son MUCHAS cosas que explicar, te sugiero que sigas este tuto ajax en wordpress
    Tienes que empaparte mas manual de WP.

  6. #16
    Registro
    07-diciembre-2016
    Ubicación
    Lima - Perú
    Edad
    29
    Mensajes
    169
    Cita Iniciado por sevilla666 Ver Mensaje
    Tienes que empaparte mas manual de WP.
    ¿A qué te refieres?

  7. #17
    Cita Iniciado por denzel Ver Mensaje
    ¿A qué te refieres?
    Perdona si hay mal entendido.
    me refiero a que tienes razón tú Denzel. Juanjofurtado tiene que empapar mas manual de WP,

  8. #18
    a ver lo que me dice denzel lo entiendo, pero no se como cargar todos los enlaces de la pagina completa con ese método, algo como lo que hacen los plugins ajaxify o zajax

    por ejemplo, con el método que comenta denzel, consigo traerme cualquier contenido de la pagina que desee

    Código PHP:
    <?php
    function tooltip_ajax() {
        if ( ! 
    is_numeric$_POST['post_id']))
            die(
    "Wrong ID!");
        
    $_POST['post_id'] = abs(intval($_POST['post_id']));
        if ( ! 
    $_POST['post_id'] )
            die(
    "Wrong ID!");
        if(isset(
    $_POST['post_id'])){
            global 
    $post;
            
    $post =  get_post($_POST['post_id']);
            if (
    $post!=null){
                
    setup_postdata($post);
                
    //Aquí lo que quiero mostrar
                
    ?>
    <?php the_permalink
    (); ?>
        
                <?php
            
    }
        }
        die();
    }

    add_action('wp_ajax_tooltip_ajax''tooltip_ajax');
    add_action('wp_ajax_nopriv_tooltip_ajax''tooltip_ajax');
    ?>
    Pero no es realmente lo que necesito, pues lo que necesito es que se cargue la pagina entera con sus comentarios con su diseño con todo menos el header, aunque si algunos script que este contiene.

    La pregunta es, de esa forma, como hago para traerme toda la pagina? conocéis algún tutorial para crear esta función? tengo la cabeza echa un lío y no consigo aclararme?

    La verdad que revisando el código del plugins zajax, creo que es algo mas complicado que esto. Pero e encontrado un sitio que contiene bastante información, incluso por un comentario que hay en la web, creo que el plugins zajax salio de ese tuto.
    La web esta en francés y con el traductor de google, no consigo entenderlo bien,

    Dejo el link por si le podéis echar un vistazo

    La navigation avec Ajax : LE guide – BoiteAWeb

    Gracias a los dos.

    La navigation avec Ajax : LE guide – BoiteAWeb
    Última edición por Juanjo87; 11-ene-2017 a las 13:56

Página 2 de 2 PrimeroPrimero 12

Temas similares

  1. Como cargar contenido via ajax?
    Pues ya no s el tiempo que llevo buscando la forma de como agregar contenido por ajax en wordpres, e visto distintos tutoriales en español e ingles...
    Respuestas: 6
    Último mensaje: 04-oct-2016
  2. Acceso mediante AJAX - WP AJAX Login and Register, nuevo plugin
    Un nuevo plugin que te permitirá acceder a la zona de registro y login de WordPress a través del sistema AJAX (un sistema ligero de carga). ...
    Respuestas: 0
    Último mensaje: 25-mar-2016
  3. Pasar file a php mediante AJAX
    Buenas, en un formulario con un campo tipo file y varios text, necesito enviarlo mediante AJAX a un php. Vi algunos plugins jquery, pero...
    Respuestas: 0
    Último mensaje: 06-nov-2011
  4. paginar Noticias CMS mediante ajax
    Hola, estoy interesado en saber como se podria hacer una paginacion ajax de la pagina principal en el CMS de vbulletin. Si me pudieran indicar...
    Respuestas: 2
    Último mensaje: 24-feb-2010

Normas de publicación

  • No puedes crear nuevos temas
  • No puedes responder mensajes
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •