files/pt-pt/orphaned/um_pequeno_exemplo_usando_ajax/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

---
title: Um pequeno exemplo usando AJAX
slug: Um_pequeno_exemplo_usando_AJAX
tags:
  - AJAX
  - 'AJAX:Exemplos'
  - Todas_as_Categorias
---
<p>
</p><p>Exemplo de uma simples requisição usando XmlHttpRequest, que retorna o
conteúdo de uma página do mesmo domínio.
</p>
<pre class="eval">// Esta função será chamada pelo componente XmlHttpRequest
function processReqChange ()
{
   var s = 'Status: \t' + request.status + '\n';
   s += 'StatusText: \t' + request.statusText + '\n';
   s += 'ResponseText: \t' + request.responseText;
   // codigo 4 para 'status complete'
   if (request.readyState == 4 &amp;&amp; request.status == 200)
       alert(s);
}
// Se o endereco que se deseja acessar assincronamente
// for um script, ele poderá receber parâmetros,
// e uma forma simples de enviar parâmetros é pela própria url
// var url = 'meu_script.php?var1=par1'
// Se você tentar acessar uma página de outro domínio (e.g: <a class=" external" href="http://mozilla.org">http://mozilla.org</a>)
// o firefox vai levantar uma exeção, "Permission denied".
var url = 'index.html';
var request = new XMLHttpRequest();
request.onreadystatechange = processReqChange;
request.open("GET", url, true);
request.send("");
</pre>