atividade72911

•

Unigran EAD

1

0

1

0

ZEZAO FF

19/05/2023

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Você viu 3, do total de 3 páginas

E aí, curtiu este material?

Ajude a incentivar outros estudantes a melhorar o conteúdo

Gostou desse material? Compartilhe! 🧡

Desenvolvimento Web II

76 Materiais compartilhados

Baixe o app para aproveitar ainda mais

Leia os materiais offline, sem usar a internet. Além de vários outros recursos!

Prévia do material em texto

Atividade da Aula 08 
Crie um arquivo JSON que contenha os dados de 5 passagens. Depois, usando as técnicas de AJAX contidas no guia de estudos, mostre o conteúdo desse arquivo em uma página HTML. 
 	 
Como enviar para correção?
Crie as página em um editor de sua preferência 
Depois de testadas, copie e cole o código de todas as páginas para o word (ou outro editor de texto)
Salve (ou exporte) em PDF
Envie o arquivo PDF para correção
Código html
<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<title>Ajax & JSON</title>
<script src="script08.js"></script>
</head>
<body>
   <div id="text"></div>
</body>
</html>
Dados08.json
[{
"nome":"Clara",
"cidade":"Rio vermelho",
"destino": "São paulo",
"poltrona":"nº8",
"data":"12/12/2022"
},
{
    "nome":"Gleice",
    "cidade":"Rio vermelho",
    "destino": "São paulo",
    "poltrona":"nº9",
    "data":"12/12/2022"
    },
{
    "nome":"Solange",
    "cidade":"Rio vermelho",
    "destino": "São paulo",
    "poltrona":"nº10",
    "data":"12/12/2022"
    },
{
    "nome":"Tancredo",
    "cidade":"Rio vermelho",
    "destino": "São paulo",
    "poltrona":"nº11",
    "data":"12/12/2022"
    },
{
    "nome":"José",
    "cidade":"Rio vermelho",
    "destino": "São paulo",
    "poltrona":"nº12",
    "data":"12/12/2022"
    }
]
Script08.js
function pegarValores(url, callback) {
    var xmlhttp;
    if (window.XMLHttpRequest){
    xmlhttp = new XMLHttpRequest();
    }else{
    }
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4 && xmlhttp.status 
    == 200) { console.log('responseText:' + 
    xmlhttp.responseText); try {
    var data = JSON.parse(xmlhttp.
    responseText);
    } catch(err) {
    console.log(err.message + "in"  + 
    xmlhttp.responseText);
    return;
    }
    callback(data);
    }
    };
    xmlhttp.open("GET",url ,true);
    xmlhttp.send();
}
pegarValores('dados08.json',function(dados08){
var html ="<h3>passagem</h3>";
for (var i=0; i < dados08.length; i++){
html += "Nome:" + dados08[i]["nome"];
html += "<br>Cidade:" + dados08[i]["cidade"];
html += "<br>Destino:" + dados08[i]["destino"];
html += "<br>Poltrona:" + dados08[i]["poltrona"];
html += "<br>Data:" + dados08[i]["data"] + "<br><br>";
}
document.getElementById("texto").innerHTML = html;
}
);