Chamar arquivo php por javascript

[vini_loock]

Boa tarde.

Eu não sou um grande conhecedor de javascript, e estou otimizando um site, e percebi que não mudaria muito o desempenho se eu não utilizar ajax. Então dei uma procurada em como chamar arquivos php sem redirecionar a página, eu achei um que é bem simples, mas eu queria saber se isso funcionaria como ajax.

http://www.oficinadanet.com.br/artigo/1296...por_java_script

Por exemplo:

Na minha página tem... vários albuns de fotos, cada album é representado por uma imagen, quando eu clico nessa imagem, carrega logo abaixo dela um arquivo php que fara uma busca no banco por mais fotos daquele album.

Com esse metodo tem como fazer isso?

Sim? Pera ai não fala! Deixa eu quebrar a cabeça mais um pouco.

Caso não, avisa ai, eu não quero 'perder tempo' atoa.

Vlw.

Vinicius.

[kuroi]

não conhecia esse metodo do tutorial, mas se eu entendi o q ele faz é usar o php pra escrever o javascript baseado em parametros. não serve pra ler outras paginas php, e nem vai dar pra executar codigos php especificos pra cada acao do javascript.

isso ai q o cara passou não é ajax. o q você quer fazer é possivel, mas não com esse metodo e sim com ajax mesmo.

se você quiser eu te passo uns links com uns tutoriais legais de ajax.

[vini_loock]

Hm.. como eu imaginava.

Uns links são sempre bem vindos!

[Jonathan Queiroz]

Veja no tópico Lista de Cursos para a linguagem JavaScript, há alguns link interessantes sobre AJAX.

[vini_loock]

Vou dar uma olhada.

Achei um script que faz o que eu precisava.

http://www.mxstudio.com.br/javascript/carr...a-div-com-ajax/

Obrigado!

[Jonathan Queiroz]

O tópico pode ser marcado como resolvido?

[vini_loock]

Eu já ia dizendo que sim.

Mas me surgiu uma duvida.

Eu preciso que a página conteudo(a que vai ser incluida) receba valores por get, como query string.

Eu fiz algumas alterações, mas não mudou nada na funcionalidade do script original, então é mais facil olhar por ele:

http://www.mxstudio.com.br/javascript/carr...a-div-com-ajax/

Eu tentei assim... no link:

<a href="?local=local1" onClick="abrirPag('conteudo.php');">Abrir</a>

E na página conteudo:

echo $_GET['local'];

Só que não me retornou nada, nem abriu a pagina, apenas adicionou a variavel local na url.

[Jonathan Queiroz]

Não cheguei a olhar o código no site, mas acho que você teria que fazer algo assim:

abrirPag('conteudo.php?local=local1');

[vini_loock]

Simples assim?

já pode marcar como resolvido.

Mas aproveitando...

Não tem como passar esse valor para a url? para poder salvar nos favoritos e coisarada?

Vlw.

Vinicius

[vini_loock]

Novo problema.

Eu preciso que a camada onde vai ser chamada a pagina seja definida ao chamar a função, mas como são duas funções e no link eu só chamo uma, eu preciso gravar um variavel global com esse parametro, mas como fazer isso?

Edit...

Consegui fazer, mas o loader não funciona como deveria, eu coloquei umas 10 imagens de 1280*1000 e la vai bolinha, mas ele só aparece carregando enquanto carrega o texto, depois que carrega o texto some o carregando, e demora um tempo dai aparece a imagem.

Caso queira ver:

http://www.portalvitoriaregia.com.br/ajax/index.php

O codigo ficou assim:

function abrirPag(pagina, div){
    
    xmlRequest.onreadystatechange = mudancaEstado;
    xmlRequest.open("GET",pagina,true);
    xmlRequest.send(null);
    
    if (xmlRequest.readyState == 1) {
        document.getElementById(div).innerHTML = "carregando...";
    }
    
    return pagina;
    
    function mudancaEstado(){
        if (xmlRequest.readyState == 4){
            document.getElementById(div).innerHTML = xmlRequest.responseText;
        }
    }
}

Hm.. mais uma coisa.

Só funciona no GC

Editado Setembro 6, 2010 por vini_loock

[Jonathan Queiroz]

Tente alterar a posição da função mudancaEstado. Como ela ficou depois é possível que o interpretador ainda não saiba que ela existe. Ao invés de:

xmlRequest.onreadystatechange=mudancaEstado
var mudantaEstado=function()
{
...
}

Use:

var mudancaEstado=function()
{
...
}
xmlRequest.onreadystatechange=mudancaEstado

[vini_loock]

Aparentemente funcionou!

Mas e a questão dos dados na url?

Tem como fazer usando essa mesma função?

E já ia me esquecendo...

Não está funcionando nos navegadores IE e FF(só testei no FF, IE e GC)

Vlw

Editado Setembro 7, 2010 por vini_loock