Advertisement
Guest User

Untitled

a guest
Nov 11th, 2019
125
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 0.60 KB | None | 0 0
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Ajax Puro</title>
  6. </head>
  7.  
  8. <body>
  9.  
  10. <div id="resultado"></div>
  11.    
  12. <script>
  13. var xhr = new XMLHttpRequest();
  14. xhr.onreadystatechange = function(){
  15.     if (xhr.readyState === 4){
  16.         var dado = JSON.parse(xhr.responseText);
  17.         var conteudoHTML = '';
  18.         for (var i=0; i<dado.length; i++){
  19.  
  20.                 conteudoHTML += '<strong>'+dado[i].nome + '</strong> - R$ ' +dado[i].valor + ',00<br>';
  21.         }
  22.  
  23.         document.getElementById('resultado').innerHTML = conteudoHTML;
  24.     }
  25. };
  26.  
  27. xhr.open('GET', 'ajax_puro.json');
  28. xhr.send();
  29. </script>
  30. </body>
  31. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement