| 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 |
|
|
| Computer Basics |
|
|
|
|
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 |
|
|
| Computer Basics Quizes |
|
|
|
