carregar paginas com jquery/ajax

[Ricard0 0]

opa, tudo bom pessoal? estou iniciando na parte de jquery etc.. e gostaria de saber se estou fazendo certo este código para carregar o conteúdo.. abaixo os códigos :

 

div conteúdo (no index.php) :

 

<div id="conteudo">
   <center><img src="images/loading.gif" id="carregando" /></center>
   <?php 
foreach ($_REQUEST as $___opt => $___val) {
 $$___opt = $___val;
}
if(empty($pag)) {
include("nav/home.php");
}
elseif(substr($pag, 0, 4)=='http' or substr($pag, 
0, 1)=="/" or substr($pag, 0, 1)==".") 
{
echo '<br><font face=arial size=11px><br><b>A página não existe.</b><br>Por favor selecione uma página a partir do Menu Principal.</font>'; 
}
else {
include("$pag.php");
}

?>
   </div><!--conteudo-->

 

ajax.js :

 

    $(function(){
         $("#carregando").hide();

     $("p center#menu a").click(function(){
            pagina = $(this).attr('href').replace('index.php?pag=', '');
     pagina = "nav/"+pagina+".php";

		 $("#conteudo").load(pagina);


               $("#carregando").ajaxStart(function(){
                  $(this).show()
			   $('#conteudo').html(" ");
                  })
               $("#carregando").ajaxStop(function(){
                  $(this).hide();

               })

               $("#conteudo").load(file);
               return false;
            })
   })

 

como podem ver estou usando uma querystring que faz a chamada das páginas para dentro da index.. então aqui a home.php

 

<div id="imagemback">
   </div><!--imagemback-->
<center><hr /></center>
             <img src="images/ultimasnoticias.png" />
<center><hr /></center>
<center><table width="590" border="0">
 <tr>
   <th width="94" height="23" scope="col" class="titleform">DATA</th>
   <th width="125" scope="col" class="titleform">AUTOR</th>
   <th width="243" scope="col" class="titleform">TITULO</th>
 </tr>
<?php
$sql = "SELECT tid, title, starter_name, topic_open_time
	FROM topics
	ORDER BY start_date DESC, tid DESC
	LIMIT 10";

$resultados = mysql_query($sql)
						or die (mysql_error());
if (@mysql_num_rows($resultado) == 0)
						echo("");
?>
 <tr>
 <?php
while ($res=mysql_fetch_array($resultados)) {
$tid = $res[0];
$title = $res[1];
$starter_name = $res[2];
$topic_open_time = $res[3];
?>
   <td id="tdedit"><center><?php echo "$topic_open_time" ?></center></td>
   <td id="tdedit"><center><?php echo "$starter_name" ?></center></td>
   <td><center><a href="http://127.0.0.1:8888/board/index.php?showtopic=<?php echo "$tid" ?>"><?php echo "$title" ?></a></td><br />
 </tr>
 <?php
}
?>
</table></center>

<center><div id="linkcpdois"><a href="#">Clique aqui para ver todas noticias.</a></div></center>

 

ah e os links no menu estão assim :

 

index.php?pag=nav/home

 

só aparece a imagem de loading após apertar f5 várias vezes, quando eu troco de pagina, nada acontece..

[Lucas Peperaio 20]

amigo, se postou na área errada. nao confunda Java com Javascript...jQuery é javascript.

espere até que algum moderador mova pra área correta

[William Bruno 1501]

Muito complicado isso tudo, para conseguir tão pouco.

 

exemplo simples:

http://wbruno.com.br/blog/2011/05/27/navegacao-sem-refresh-%E2%80%93-carregando-conteudo-ajax-em-div-2/