Ajuda + ajax

Nesse link tem um tutorial de Ajax:

http://www.w3schools.com/ajax/default.asp

O que eu aprendi até hoje sobre ajax é que:

1. Não existe solução pronta para tudo
2. Não existe receita de bolo
3. Você vai ter entender o que acontece realmente quando você utiliza uma determinada ferramenta, porque sempre que quiser fazer algo um pouquinho diferente do que é mostrado na documentação desta ferramenta, você vai ter que implementar.
4. Os frameworks, seja lá quais forem, fornecem apenas o básico. Mas, geralmente, unindo esse básico com um pouco de criatividade dá pra fazer mágica.

Resumindo: Você só vai achar exemplos simples, seja pro DWR, GWT, AjaxTags ou o que for. Coisas mais complicadas são feitas com criatividade + conhecimento da ferramenta.

cassio,

eu compreendo e concordo com o que disse.

Mas eu estou buscando coisas simples, nem precisa ser de framework nenhum. Pode ser apenas um exemplo básico de como atualizar somente um pedaço da tela.
Ou preencher apenas um campo com alguma palavra sem recarregar a pagina toda.

Esses exemplos básicos que eu nao encontro.

Quanto ao conceito, eu já li bastante sobre isso. Mas gostaria de ver algo ja implementado.

karen_barbatto:

cassio,

eu compreendo e concordo com o que disse.

Mas eu estou buscando coisas simples, nem precisa ser de framework nenhum. Pode ser apenas um exemplo básico de como atualizar somente um pedaço da tela.
Ou preencher apenas um campo com alguma palavra sem recarregar a pagina toda.

Esses exemplos básicos que eu nao encontro.

Quanto ao conceito, eu já li bastante sobre isso. Mas gostaria de ver algo ja implementado.

Ai é que tá! Se vc for utilizar algum framework, o exemplo vai variar muito de um framework para outro. Se for utilizar os requests ajax do próprio Javascript, ai fica um pouco mais padronizado, mas não muito, porque ainda existem as diferenças entre browsers.
Aqui tem um exemplo legal de como carregar conteúdo sem precisar recarregar a página, usando javascript.

Para o básico que você esta querendo basta aprender sobre as tags HTML DIV e SPAN, e depois sobre AJAX

var http;
  http = new XMLHttpRequest();
  http.open("GET", url, true);
  http.onreadystatechange = function() {
  if (http.readyState==4) {
     document.getElementById('o Id de Sua DIV ou SPAN').innerHTML =     http.responseText
  }

valeu mauro_schneider e cassio…

era isso mesmo que eu queria…a estrutura basica pra mim aprender

karen_barbatto:

era isso mesmo que eu queria…a estrutura basica pra mim aprender

Só mais uma coisa, veja o prototype para o seu inicio. Vai lhe ajudar bastante.

Só mais uma duvidazinha

no código abaixo, eu consegui abstrair a intenção do método…
sei que ele vai carregar o texto no local que eu estou indicando

if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)) document.getElementById(containerid).innerHTML=page_request.responseText

mas agora vem a dúvida, o que significa essas condições? porque readyState == 4 e status == 200?

karen_barbatto:

mas agora vem a dúvida, o que significa essas condições? porque readyState == 4 e status == 200?

readyState = 4 indica que sua requisição foi completada

readyState:
Inteiro representando o estado da requisição:
0 = não inicializado
1 = carregando
2 = carregado
3 = modo interativo
4 = completado

E o status é o retorno do servidor, onde 200 é OK, 404 Page not Found, etc

agora prometo que eh a ultima pergunta hehehe

paginaSolicitada.open('GET', url, true) paginaSolicitada.send(null)

e esse send? porque passo null pra ele?

onde eu posso estudar esses metodos e o que eles retornam?

Null é passado porque a solicitação é do tipo GET. Se você utilizar POST podes também postar dados pela requisição HTTP, e para fazer isto você deve passar os valores, formatados de acordo com a codificação de urls, por este parâmetro.

Francisco

Nesse trecho do código, estou fazendo a verificação do browser que o usuario está utilizando para fazer uso do ajax…

if (window.XMLHttpRequest) paginaSolicitada = new XMLHttpRequest() else if (window.ActiveXObject){ try { paginaSolicitada = new ActiveXObject("Msxml2.XMLHTTP") } catch (e) { try { paginaSolicitada = new ActiveXObject(" Microsoft.XMLHTTP") } catch (e){} } }

qual a diferenca entre Msxml2 e Microsoft? quando eu utilizo um ou outro?

:oops:
velho
como eu faco pra ter:

function funcao('valor' valor) {
  document.getElemtById("teste2").innerHTML =  valor.innerHTML;
}



<div id="teste"><a href="funcao()"> load div </a></div>
<div id="teste2></div>

aperto o link carrega a pagina “lala.html” na div 2, sem refresh.

po parece tao simples, e eu ate hoje nao consigo.
valeu

Andei percebendo que aqui neste forum e normal respostas iguais, repetições os administradores daqui permitem isso?? e que estou em outros e normalmente eles nao curtem muito esse lance de repetir ou mesmo que existam duas respostas para uma pergunta e uma vez ja respondida nao existe a necessidade de responder novamente entendem…