Ajax

by scyrizales

HTML

<button>Obtener Datos</button>
<ul>
  <li>Post 1</li>
  <li>Post 2</li>
</ul>

JavaScript

var boton = document.querySelector('button');
boton.addEventListener('click', function () {
	fetch("https://jsonplaceholder.typicode.com/posts")
	.then(function (response) {
  	return response.json();
  })
  .then(function (data) {
  	console.log(data);
    var resultados = [];
    for (var i = 0; i < data.length; i++) {
    	resultados.push('<li>' + data[i].title + '</li>')
    }
    var ul = document.querySelector('ul');
    ul.innerHTML = resultados.join("");
  });
});