| HTML Tutorials |
|
|
| XML Tutorials |
|
|
| Browser Scripting |
|
|
| Server Scripting |
|
|
| .NET (dotnet) |
|
|
| Multimedia |
|
|
| Web Building |
|
|
| Java Tutorials |
|
|
| Programming Langauges |
|
|
| Soft Skills |
|
|
| Database Tutorials |
|
|
| Operating System |
|
|
| Software Testing |
|
|
| SAP Module |
|
|
| Networking Programming |
|
|
| Microsoft Office |
|
|
| Accounting |
|
|
|
|
AJAX � usado principalmente construir um Web site r�pido, din�mico, mas conservar tamb�m o recurso.
|
|
Exemplo
|
| Seguir estas etapas para construir aplica��es de uma correia fotorreceptora:
Come�ar um texto
Come�ar de XML
Escrever ao corpo
Afixar um texto
|
|
1) Come�ar um texto:
|
<html>
<head>
<script>
function submitForm()
{
var req = null;
if(window.XMLHttpRequest) req = new XMLHttpRequest();
else
if (window.ActiveXObject) req = new
ActiveXObject(Microsoft.XMLHTTP);
req.onreadystatechange = function()
{
if(req.readyState == 4)
{
if(req.status == 200)
document.ajax.dyn="Received:" + req.responseText;
else
document.ajax.dyn="Error code " + req.status;
};
req.open( GET", "data.xml", true);
req.setRequestHeader("Content-Type",
"application/x-www-form-urlencoded");
req.send(null);
}
</script>
</head>
<body>
<FORM method="POST" name="ajax" action="">
<INPUT type="BUTTON" value="Submit" ONCLICK="submitForm()">
<INPUT type="text" name="dyn" value="">
</FORM>
</body>
</html>
|
|
Comments on the code:
|
|
new ActiveXObject(Microsoft.XMLHTTP)
|
|
Este construtor � somente para o Internet Explorer.
|
|
new XMLHttpRequest()
|
|
Este construtor � somente para todo o outro browser including Firefox.
|
|
http.onreadystatechange
|
|
Uma fun��o anonymous � atribu�da aos indicadores do evento
|
|
http.readyState == 4
|
|
Uma fun��o anonymous � atribu�da aos indicadores do evento
|
|
http.status == 200
|
|
Este status significa est� bem, se n�o o c�digo de alguns erros � retornado, 404 por exemplo.
|
|
http.open( "POST", "data.xml", true);
|
|
AFIXAR ou COME�AR
URL dos certificados a executar.
rectificar para ass�ncrono.
|
|
http.setRequestHeader("Content-Type", "applications/x-www-form-urlencoded");
|
|
Isto � para o m�todo do BORNE somente.
|
|
http.send(document.getElementById("TYPEDTEXT").value);
|
|
Emite dados ao usu�rio. Os dados v�m do throught enchido vari�vel de �TYPEDTEXT� o formul�rio pelo usu�rio.
|
| 2) Come�ar de XML
|
|
Para come�ar a dados de uma lima de XML n�s temos que substituir esta linha:
|
|
document.ajax.dyn=""Received:" + req.responseText;
|
|
|
por este c�digo
|
var doc = req.responseXML; // assign the XML file to a var
var element = doc.getElementsByTagName('root').item(0); // read the first element with a dom's method
document.ajax.dyn.value= element.firstChild.data; // assign the content of the element to the form
|
|
| 3) Escrever ao corpo
|
|
Neste exemplo, o texto lido � posto no corpo da p�gina, e n�o em um textfield. O c�digo abaixo substitui o objeto do formul�rio do textfield e a segunda parte substitui a atribui��o na fun��o do Javascript.
|
<div id="zone">
... some text to replace ...
</div>
|
|
|
document.getElementById("zone").innerHTML = "Received:" + req.responseText;
|
|
| 4) Afixar um texto
|
|
Neste exemplo, um texto � emitido ao usu�rio e escrito a uma lima. A chamada ao m�todo �aberto� muda, o argumento � m�todo do BORNE, e �emitir� o m�todo tem tamb�m agora um valor para o argumento.
|
req.open("POST", "ajax-post.xml", true);
req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
req.send(document.getElementById("dyn").value);
|
|
 |
 |
Keywords: tutorial do exemplo do ajax, HTML page do exemplo do ajax, req do exemplo do ajax, original do xml
|
|
| HTML Quizes |
|
|
| XML Quizes |
|
|
| Browser Scripting Quizes |
|
|
| Server Scripting Quizes |
|
|
| .NET (dotnet) Quizes |
|
|
| Multimedia Quizes |
|
|
| Web Building Quizes |
|
|
| Java Quizes |
|
|
| Programming Langauges Quizes |
|
|
| Soft Skills Quizes |
|
|
| Database Quizes |
|
|
| Operating System Quizes |
|
|
| Software Testing Quizes |
|
|
| SAP Module Quizes |
|
|
| Networking Programming Quizes |
|
|
| Microsoft Office Quizes |
|
|
| Accounting Quizes |
|
|
|
