Como posso desenvolver uma SPA com jQuery? Fiz com AngularJS com o seguinte código, porém estou tendo dificuldades para migrar para ele em definitivo e decidi me manter com jQuery para não me atrasar.
var myapp = angular.module('myapp', []);
myapp.config(function($routeProvider) {
$routeProvider
.when('/:acess', {
templateUrl : 'sources/default.html',
controller : 'myapp-controll'
})
.otherwise({ redirectTo: '/welcome' });
});
myapp.controller('myapp-controll', function($scope, $routeParams) {
$scope.templateUrl = './g_c.php?a='+$routeParams.acess;
});
Este codigo carregava minhas paginas sem precisar sair da pagina original, usando #
Explicando melhor:
Vamos fingir que existe um ficheiro dessa forma:
./pages/ (pasta) ----
index.html (este) |
--/> home.html
|
--/> produtos.html
Ao clicar na Pagina inicial
ele tem que carregar na div "conteudo" todo o conteudo do arquivo solicitado, ou seja ele teria que pegar apenas o home
e puxar ele de dentro da pasta pages
jogando todo o conteudo na div e o carregando por completo.
Mas e ai? se eu quiser compartilhar o link, vou ter que ensinar ao usuario como checar ate ele? Quais botoes clicar? Isso faria com que o site perdesse muitos usuarios e acesso, entäo a resposta é näo!
Ou Seja se eu fornecesse o link http://meusite/#/produtos/
para alguém, ao acessar ele tem que carregar na div "conteudo" o conteúdo da pagina produtos
automaticamente, sem precisar clicar em nada.
<div id="inicio"><a href="#/home/">Pagina inicial</a> | <a href="#/produtos/">Produtos</a> | </div>
<div id="conteudo">Oi, eu sou a pagina inicial</div>
.load()
. Vou juntar a sua info na pergunta. Começo a perguntar-me se não seria melhor usar o Angular mesmo e aprender melhor como ele funciona?