Buenos dias a todos, eh estado buscando y no logro dar con alguna pagina que me pueda orientar, haber si alguien tiene informacion, links o funciones que me facilite.
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
