Skip to main content
1 de 2
Igor
  • 1,2mil
  • 1
  • 15
  • 33

Carregar páginas sem duplicar conteúdo através do AJAX

Possuo um sistema de navegação por ajax + pushState em meu site. Se o usuário clicar em um link interno, será feito um $.post e eu verifico no PHP se $_SERVER["REQUEST_METHOD"] === "POST" então eu carrego uma página, por exmplo: indexPost.html, e, se o usuário acessar diretamente o link eu faço um $_SERVER["REQUEST_METHOD"] === "GET" então, carrego indexGet.html.

Segue abaixo o exemplo dos indexe's:

indexPost.html:

<p>Olá, esse é o conteudo!</p>

indexGet.html:

<!DOCTYPE html>
<html lang="pt-BR">
    <head>
        <meta charset="UTF-8">
        <title>indexGet.html</title>
        <link rel="stylesheet" href="/style.css">
    </head>

    <body>
        <p>Olá, esse é o conteudo!</p>
    </body>

    <script type="text/javascript" src="/script.js"></script>
</html>

Tive que recorrer a desenvolver dessa maneira pois se carregasse, por exemplo, o indexGet.html através do $.post o arquivo HTML inteiro seria duplicado.

A minha pergunta é: existe alguma maneira mais simples de fazer isso sem ter que sempre ficar criando 2 arquivos para cada ação? Lembrando que, terei que fazer isso com vários arquivos, ou seja, seria um processo muito cansativo.

Acredito que há uma maneira mais simples, porém não consegui pensar em nada melhor que isso e além do mais, pesquisei e não encontrei exemplos alternativos.

Obrigado!

Igor
  • 1,2mil
  • 1
  • 15
  • 33