1

Estou implementando um html de um sistema utlizando o e também estou realizando uma chamada em ajax para abrir uma página qualquer, mas, quando retorna a minha url, a mesma não lê o include da página.

Exemplo:

A página html: 'teste.php'

<?php include('inc_header.php'); ?>

<section class="content">
</section>

<?php include('inc_rodape.php'); ?>

A chamada que fiz, foi essa:

$.ajax({
    url: "teste.php",
    context: document.body,
    dataType: 'html',
    success: function(openHtml){
        $('.content').html(openHtml);
    }   
});

A página teste.php abre normal, mas não lê o topo. Essa classe .content é um efeito que faz antes de abrir a página teste.php, essa parte tá funcionando corretamente, só esse include header que não funciona.

Qual seria a solução desse problema?

10
  • Déa, parece-me um problema de path. Consegue abrir a página teste.php directamente no browser?
    – Sergio
    24/04/2014 às 15:38
  • Oi Sergio, abro normalmente!! :(
    – Déa
    24/04/2014 às 15:40
  • Déa, tem algum echo no php? porque se quer carregar o ficheiro então ele precisa de "correr" primeiro para mandar para o pedido ajax
    – Sergio
    24/04/2014 às 15:44
  • Não tem nenhum echo! Não entendi o que você falou
    – Déa
    24/04/2014 às 15:46
  • 1
    Está difícil diagnosticar o problema. Você conseguiria disponibilizar seu teste em algum endereço acessível? Ou criar um exemplo Mínimo, Completo e Verificável que reproduza o problema?
    – bfavaretto
    24/04/2014 às 16:55

1 Resposta 1

1

Exemplo de utilização Ajax com PHP.

Código:

inc_header.php

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Carregamento de Pagina em Ajax</title>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
    $(document).ready(function(e) {
        $(".content").load("inc_meio.php");
    });
</script>
</head>
<body>
<section class="content">

inc_rodape.php

</section>
</body>
</html>

inc_meio.php

  <?php
      // pode conter programação também ...
     echo date("d/m/Y");
     echo "<br />";
   ?>
    carregando com ajax<Br />
    carregando com ajax<Br />
    carregando com ajax<Br />
    carregando com ajax<Br />
    carregando com ajax<Br />
    carregando com ajax<Br />
    carregando com ajax<Br />
    carregando com ajax<Br />
    carregando com ajax<Br />
    carregando com ajax<Br />
    carregando com ajax<Br />
    carregando com ajax<Br />
    carregando com ajax<Br />
    carregando com ajax<Br />
    carregando com ajax<Br />
    carregando com ajax<Br />
    carregando com ajax<Br />
    carregando com ajax<Br />

index.php

<?php
    include 'inc_header.php';
    include 'inc_rodape.php';

Funcionamento

Na inc_header.php tem um script assim

$(document).ready(function(e) {
        $(".content").load("inc_meio.php");
});

que é o responsável em carregar com ajax o inc_meio.php. Ao chamar index.php, ela vai incluir o inc_header.php e o inc_rodape.php, ficando como dinâmico inc_meio.php ou qualquer outra página que preferir

Nesse link, tem vários exemplos com load. Também tem o $.post, $.get, $.getJSON e o principal o $.ajax no site jQuery

Página Renderizada

inserir a descrição da imagem aqui

Aonde tem uma flecha foi renderizado via ajax (jQuery.load), você deve sempre renderizar partes e fixar algumas.

2
  • Olha os negativando ... !!! quem será hiem!
    – user6026
    24/04/2014 às 16:13
  • certo, entendi! Não tá rolando dessa forma, deve ser alguma restrição de scripts, eu dou um console e não me retorna o erro.
    – Déa
    24/04/2014 às 16:14

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .