Quiero hacer una pagina dinamica, usando ajax y hashtags como la de twitter o mas específicamente como la de cuevana.tv ...
Eh estado trazando las rutas de cuevana y ya entiendo como "funciona" solo que no tengo idea o mejor dicho nose como implementarlo, les comento los detalles.
Todas las peticiones en Cuevana son mediante ajax y utiliza hashtags para leer el contenido, algo similar a "URL REWRITE" de php, pero mas practico, rapido y comodo al usuario.
Ejemplos:
cuevana.tv/#!/series -> cuevana.tv/web/series
cuevana.tv/#!/series/recientes -> cuevana.tv/web/series?&recientes
cuevana.tv/#!/series/recientes/page:2 -> cuevana.tv/web/series?&recientes&page=2
Ahora una mas compleja:
cuevana.tv/#!/series/13656/play/url:http://ejemplo.com/video.mp4/def:360
cuevana.tv/web/series?&13656&play&url=http://ejemplo.com/video.mp4&def=360
Como podran ver, la función de Jquery (usa este framework) que utiliza la pagina, se encarga de parsear (lo dije bien?) todo lo que hay delante del hashtag y con ajax carga el contenido.
Con la poca infomacion que eh encontrado por internet, solo eh podido realizar un funcionamiento similiar a nivel basico, ejemplo:
ejemplo.com/#!/pagina1 -> ejemplo.com/web/pagina1
ejemplo.com/#!/pagina2 -> ejemplo.com/web/pagina2
Utilizo esta funcion para lograr eso tan basico.
Código Javascript:
Ver original
$('a[rel=ajax]').click(function () { getPage(); return false; }); function getPage() { var data = document.location.hash; data = data.replace(/^.*\//, ''); $.ajax({ url: "web/" + data, type: "GET", success: function (html) { $('#content').html(html); } }); }
Alguien me ayuda con links, informacion o mejoras al script para poder procesar cadenas mas complejas?
De antemano, muchas gracias, saludos