Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Ae povo
to fazendo um sisteminha bem bobo aqui
so pra aprender a mexer direito com o ajax
to levando um coro aqui ://
mais nao to afim de desisti
vim me socorre ao povo ae
entao...
é uma coisa bem boba.. so pensei em fazer ela pra teste mesmo
o esquema é assim
vai haver duas requisições chamando uma pagina em php
uma requisição vai preencher uma <div>
outra requisição vai preencher a outra div...
logo abaixo terá um form para mandar dados a outra pagina em php para escrever dados dentro de um txt
entao...
to usando tudo isso aqui...
essa é a função que chama o ajax.. é do Fabyo ela...
ajax.js
// Inicializador Ajaxfunction ajax() { };// Método iniciarajax.prototype.iniciar = function() {// instanciando o objeto em cada navegador try { this.xmlhttp = new XMLHttpRequest(); } catch(ee) { try { this.xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { try { this.xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch(E) { this.xmlhttp = false; } } } return true;}// Metodo Ocupadoajax.prototype.ocupado = function() { estadoAtual = this.xmlhttp.readyState; return (estadoAtual && (estadoAtual < 4));}// Metodo Processaajax.prototype.processa = function() { if (this.xmlhttp.readyState == 4 && this.xmlhttp.status == 200) { return true; }}// Metodo que faz as requisições webajax.prototype.enviar = function(url, metodo, modo) { // se nao estiver iniciardo vai iniciar dae... if(!this.xmlhttp) { this.iniciar(); } // se nao estiver ocupado if(!this.ocupado()) { // se for metodo GET if(metodo == "GET") { this.xmlhttp.open("GET", url, modo); this.xmlhttp.send(null); } else { // se for post this.xmlhttp.open("POST", url, modo); this.xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8"); this.xmlhttp.setRequestHeader("Cache-Control", "no-store, no-cache, must-revalidate"); this.xmlhttp.setRequestHeader("Cache-Control", "post-check=0, pre-check=0"); this.xmlhttp.setRequestHeader("Pragma", "no-cache"); this.xmlhttp.send(url); } if(this.processa) { // recebe o resultado da pagina... php return unescape(this.xmlhttp.responseText.replace(/\+/g," ")); } } return false;}essa é a função que eu tenho...
functions.js
function lagoa1() { ponte = new ajax(); pedido = ponte.enviar("php/view_lagoa1.php", "GET"); document.getElementById("Lagoa1").innerHTML = pedido;}
e a minha pagina é esta...
nao vo colocar
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>:: Cadastro Lagoa Azul ::</title><script type="text/javascript" src="js/ajax.js"></script><script type="text/javascript" src="js/functions.js"></script><style type="text/css">@import('css.css');</style></head><body onload="javascript: lagoa1()"><div class="Lagoa1" id="Lagoa1"></div><div class="Lagoa2" id="Lagoa2">lagoa2...</div></body></html>
o resultado que dá
é uma layer vazia... e outra com o conteudo do fonte ali...
deem uma olhada ae...
talveiz seja alguma boberinha.. pq to entrando agora nesse esquema de ajax... e js... :)
fico no aguardo de uma resposta ae... valeu :D
Carregando comentários...