Abrir pagina php dentro da div

[neogriffon 0]

Estou com um problema em um projeto, preciso de um site que use AJAX ele vai ter uma página inicial permanente com um cabeçalho com links para outras partes, existe um DIV de conteudo onde deve ser carregada outras paginas conforme a solicitação do usuario. ja li livros, apostilas e topicos em foruns, mas não consigo entender por que não funciona consigo fazer a mensagem de carregamento, mas não consigo fazer a pagina php ser carregada na div.

 

CODE

// JavaScript Document

var ajax = null;

var dadosusuario = null;

 

// cria objeto de requisição

function requisicaohttp(tipo,url,assinc)

{

if(window.XMLHttpRequest){

ajax = new XMLHttpRequest();

 

}

else if(window.ActiveXObject){

ajax = new ActiveXObject("Msxm12.XMLHTTP");

if(!ajax){

ajax = new ActiveXObject("Microsoft.XMLHTTP");

 

}

}

if(ajax){

iniciarequisicao(tipo,url,assinc);

}

else{

alert("Seu navegador não possui suporte a nossa aplicação!");

}

return ajax;

}

 

function iniciarequisicao(tipo,url,assinc){

ajax.onreadystatechange = trataresposta;

ajax.open(tipo,url,assinc);

//ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");

//ajax.overrideMimeType("text/XML");

//ajax.send(dadosusuario);

}

 

function enviadados(url){

criaquerystring();

requisicaohttp("POST", url , true);

}

function criaquerystring(){

dadosusuario = "";

var frm = documents.getElementById("main");

var numelementos = frm.elements.length;

for (var i = 0; i < numelementos; i++){

if(i < numelementos -1){

dadosusuario += frm.elementes.name+"=" + encodeURIComponent(frm.elements.value)+"&";

}

else{

dadosusuario += frm.elementes.name+"=" + encodeURIComponent(frm.elements.value);

 

}

}

}

function trataresposta(){

if (ajax.readState == 4){

if (ajax.status == 200){

tratadados();

}

else{

alert ("Problema na comunicação com o objeto XMLHTTPRequest.");

}

}

}

esse primeiro eu uso pra criar o objeto xmlhttprequest, e o codigo abaixo para exibir o main.php na div.

 

 

CODE

//carrega a pagina inicial da loja

window.onload = function(){

conteudo("main.php");

}

function conteudo(pagina){

var url= pagina;

requisicaohttp("GET",url,true);

aviso(1);

 

}

function aviso(exibir){

var saida = document.getElementById("avisos");

if(exibir){

saida.className = "aviso";

saida.innerHTML = "Carregando Aguarde....";

}

else{

saida.className = "";

saida.innerHTML = "";

}

}

function tratadados(){

//var info = ajax.responseText;

var saida = document.getElementById("main");

saida.innerHTML = info;

aviso(0);

}

 

alguem poderia me dar uam ajuda, um tutorial, uma explicação, uma dica ou dizer se ja tem um post desse tipo no forum que possa me ajudar.

[Vadio 13]

seguinte, no seu primeiro script você ta chamando por post

você precisa add o headers p/ fazer uma requisicao por post.

 

//ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");

se nao me engano e isso ae...

uma dica.. vai jogando alerts pelo seu codigo para ver ate onde você esta indo.