Skip to main content
adicionou 876 caracteres ao conteúdo
Fonte Link
Igor
  • 1,2mil
  • 1
  • 15
  • 33

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.

EDITADO

Bem, segue um exemplo do que eu uso em meu sistema:

index.php (que é requisitada pelo $.post através do meu script):

if($_SERVER["REQUEST_METHOD"] === "POST") {
    $html = new Template("caminho/views/post/index.html");
    //aqui vão outras variáveis do template...
    $html -> show();
} else if($_SERVER["REQUEST_METHOD"] === "GET") {
    $html = new Template("caminho/views/get/index.html");
    //aqui vão outras variáveis do template...
    $html -> show();
}

Estou utilizando um sistema de templates, e, como pode perceber, estou salvando o mesmo arquivo, porém em pastas diferentes, uma para cada caso.

No caso de ser POST, o index.html salvo em caminho/views/post/index.html possui apenas o conteúdo.

No caso de ser GET, o index.html salvo em caminho/views/get/index.html possui scripts e css's além do conteúdo.

Obrigado!

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!

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.

EDITADO

Bem, segue um exemplo do que eu uso em meu sistema:

index.php (que é requisitada pelo $.post através do meu script):

if($_SERVER["REQUEST_METHOD"] === "POST") {
    $html = new Template("caminho/views/post/index.html");
    //aqui vão outras variáveis do template...
    $html -> show();
} else if($_SERVER["REQUEST_METHOD"] === "GET") {
    $html = new Template("caminho/views/get/index.html");
    //aqui vão outras variáveis do template...
    $html -> show();
}

Estou utilizando um sistema de templates, e, como pode perceber, estou salvando o mesmo arquivo, porém em pastas diferentes, uma para cada caso.

No caso de ser POST, o index.html salvo em caminho/views/post/index.html possui apenas o conteúdo.

No caso de ser GET, o index.html salvo em caminho/views/get/index.html possui scripts e css's além do conteúdo.

Obrigado!

Fonte Link
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!