Quiero actualización de una página completa con ajax, después de hacer clic en algunos de los sitios iniciales de enlace.

Ejemplo:

Hemos abierto sitio www.love.com, tiene un enlace a www.love.com/somepage.html

Después haga clic en este enlace, a página completa debe ser renovado con ajax (sustituido página activa por somepage.html)

Y hay debe ser algo de fadeIn/efecto, cuando la página se sustituye.

Cómo?


tal vez algún plugin puede hacer esto, cualquier enlace?

  • Actualización de la página completa y Ajax se contradicen el uno al otro
  • tal vez, pero quiero que la página se actualice por ajax
  • ¿Por qué quieres eso? Así que usted puede tener un GIF animado mientras se carga o qué? AJAX no es sólo significaba para esto. Si quieres ir a una URL diferente dejar AJAX solo. Si desea actualizar sólo una parte de una página, a continuación, que es algo más.
  • Lo que esta persona quiere es exactamente igual a la de un <a href=»…»>…</a> enlace, salvo que se desee de la página actual a desaparecer, a continuación, cargue la nueva página ocultos, luego se desvanecen en la nueva página. Apenas el caramelo del ojo. Se requerirá de AJAX en ambas páginas. Creo que hay una forma de hacerlo con el script.aculo.nosotros, pero no tengo ganas de buscarla.
InformationsquelleAutor Happy | 2010-01-08

6 Comentarios

  1. 4

    Bien una página completa a la solicitud de tipo de contradecir el propósito de AJAX,

    pero si usted insiste 🙂
    usted puede utilizar un enorme div como un marcador de posición de la página y el uso de jQuery para Cargar/Ajax

    el div tendría este aspecto

    <div id="yourhugediv"></div>

    y la función que puede utilizar

    function changeUrl(href)
    {
       $('#yourhugediv').load(href);
       href = (href == "") ? "/" : href;
       uri = window.location.href.split("#/");
       window.location.href = uri[0] + "#/" + href;
    }

    agregar manualmente la función de su vínculo

    <a href="#" onclick="changeUrl('http://love.com/somepage.html')">to load</>

    o usar selector de jQuery para recorrer cada anclaje

    $('a').click(function()
    {
        changeUrl(a.attr('href'));
    });
    $('a').attr('href','#');
    • uh si estos están llenos de páginas html (es decir, si hay <head>), esto sería realmente feo.
  2. 2

    Suena como que usted está tratando de usar jQuery porque alguien les dijo que se debe utilizar jQuery – la etiqueta de enlace que hace este trabajo por sí mismo, sin ninguna secuencia de comandos necesarios

    ok – tenemos que hacer lo que nuestras amigas nos dicen que hacer…

    Supongo que se podría hacer algo como esto:

    $("body").load("next_page.html");

    o

    $("html").load("next_page.html"); (¿esto aun funciona??)

  3. 2

    Uso FAJAX (Falso AJAX). Se le dará de que «frescor» que usted está buscando. El uso de estas etiquetas meta en sus páginas va a hacer una actualización de la página completa con fade-in y fade-out efectos.

    <META http-equiv="Page-Enter" content="blendTrans(Duration=0.2)">
    <META http-equiv="Page-Exit" content="blendTrans(Duration=0.2)">

    Las etiquetas meta solo funciona en IE, pero hay maneras de conseguir resultados similares en otros navegadores con JavaScript.

    <html>
    <head>
        <title>Page Title</title>
        <META http-equiv="Page-Enter" content="blendTrans(Duration=0.2)">
        <META http-equiv="Page-Exit" content="blendTrans(Duration=0.2)">
        <script type="text/javascript">
            function fadeInit() {
                document.body.style.opacity=0.2; //initialise
            }
    
            function fadeIn() {
                var bodyStyle=document.body.style;
                if ( bodyStyle.opacity < 1) {
                    bodyStyle.opacity=((bodyStyle.opacity*10)+1)/10; //Add 0.1
                    setTimeout('fadeIn();',100)
                }
            }
        </script>
    </head>
    <body onload="fadeInit();fadeIn();">
    
    </body>
    </html>
    • Atención para explicar esta nueva? Navegador de compatibilidades? No he visto esta notación antes de
    • gracias, pero es un feo ejemplo
  4. 1

    Acaba de hacer un enlace que apunta ahí:

    <a href="http://www.love.com/somepage.html">link text</a>

    ps: estoy un poco confundido, aunque … ya tienes un enlace a la página que hace una nueva solicitud (actualización de la página completa), por eso la necesidad de AJAX me pregunto …

    • su más cool, para tener la plena actualización de la página con ajax. Cómo hacer, puede usted ayudar?
    • Si usted hace las cosas porque son cool, es probable que tu usuario de dificultades en la vida. Usted debe hacer las cosas porque son razonables y mejorar la experiencia del usuario/usabilidad y no porque sean de lujo (recordar el blink etiqueta? aquí la tienes…)
    • si yo no necesito esto, no se lo pediría
  5. 1

    Desde la otra página en el mismo dominio que podría raspar la otra página para recuperar los datos que interesan. Usted puede incluso reemplazar la totalidad del cuerpo de la etiqueta de la página actual con el contenido de la etiqueta de cuerpo en la otra página.

    El proceso sería algo como: el Usuario realiza alguna acción en la página actual para desencadenar la acción deseada, JavaScript hace a petición AJAX para recuperar somepage.html y almacena el resultado en una cadena, JavaScript hace equivalente de innerHTML (o jQuery.html()) para reemplazar el contenido de la página actual (o div o lo que sea) con lo que se ha recuperado de somepage.html y agregar efectos especiales.

    En teoría, esto permitiría a usted para reemplazar completamente el contenido de la página actual con lo que se fethced de somepage.html.

Dejar respuesta

Please enter your comment!
Please enter your name here