Paginas con AJAX

Agregar a favoritos

11 Comentarios

Posteado hace 1147 días en:

Con la librería XHconn crear paginas con AJAX es coser y cantar, tan solo tienes que crear tus funciones y olvidarte de la llamada al XMLHttpRequest.

Con esta función más la librería XHconn puedes llamar a cualquier pagina, conseguir los datos que necesites y mostrarlo dentro de un contenedor.

La función JS es page(); y tiene 3 parámetros:

  1. El nombre de la ID del contenedor donde ira el HTML
  2. La pagina que queremos conseguir
  3. Los parámetros que le enviamos por GET

Ejemplo de llamada:

<a href="enlaces.php" onclick="page('content','enlaces.php','cat=blogs'); return false;" title="enlaces">Enlaces</a>

La función:

function page(targetId,url,params) {
target= document.getElementById(targetId);
target.innerHTML = '<p class="load">Loading...</p>';
var myConn = new XHConn();
    if (!myConn) alert("XMLHTTP not available. Try a newer/better browser.");
    var query = function (oXML) {  target.innerHTML = oXML.responseText; };
    myConn.connect(url, "GET", params, query);
}

  • avatar

    Fran#1 hace 1147 días

    Genial…

  • avatar

    Federico#2 hace 1146 días

    Espero que quien use Ajax, ponga un mejor else que if (!myConn) alert(“XMLHTTP not available. Try a newer/better browser.”); ;)

  • avatar

    IceBeat#3 hace 1146 días

    Por que dices eso Federico?.

  • avatar

    corsaria#4 hace 1144 días

    Por si te resultase de interés Ice:

    http://www.ajaxpatterns.org/index.php?title=Main_Page

    Saludos. :-))

  • avatar

    IceBeat#5 hace 1143 días

    Muchas gracias por el enlace Corsaria, ya lo tengo en favoritos :).

  • avatar

    Pablo Impallari#6 hace 1093 días

    Alguna idea de como hacerlo via POST en lugar de Get?

  • avatar

    GNU/Hydrus#7 hace 1085 días

    pues done pone GET pon POST ;)

  • avatar

    Pablo Impallari#8 hace 1075 días

    Hi GNU/Hydrus:
    Fue lo primero que hice, pero no es tan simple.
    Me daba problemas si los valores de los campos contenian un ampersand “&” porque interpretaba como que ahi comenzaba otra variable y se descontrolaba todo.

    Después encontre XHForms (del mismo autor que XHConn
    http://xkr.us/

    Y esta muy interesante tambien el FormCollect, que lee los todos los campos del formulario, para no tener que armar el string de las variables y los valores a mano uno por uno.

    Finalmente arme una aplicacion de ejemplo
    la pueden probar en:
    http://www.pabloimpallari.com.ar/linkmaster/ajax/index.php

  • avatar

    GNU/Hydrus#9 hace 1074 días

    Hombre, eso siempre, hay que codificar las variables y los valores por ese tipo de cosas :)

  • avatar

    sdsd#10 hace 996 días

    ;’;’;l

  • avatar

    dasd#11 hace 780 días

    dsadasda