Uso de Fetch

<div> <section> <div id="contenidoJson"></div> <button id="btnCargaJson">Cargar json</button> </section> <script> const btnCargaJson = document.getElementById("btnCargaJson"); const contenidoJson = document.getElementById("contenidoJson"); function obtenerJson(){ var URL = "http://mysite/apirest/contactos"; fetch(URL,{ method:'GET', dataType:'json' }) .then(response => { return response.json(); }).then(data => { let contenido ='<b>Contactos</b>:'; for(dato in data){ contenido+= "<br/>Id:"+data[dato].id; contenido+= "<br/>Nombre:"+data[dato].nombre; contenido+= "<br/>Teléfono:"+data[dato].telefonos; contenido+= "<br/>Fecha:"+data[dato].fecha+"<br/>"; } contenidoJson.innerHTML=contenido; }).catch(err => { contenidoJson.innerHTML="<font color='red'>Ha ocurrido un error:</font>"+err; }); } btnCargaJson.addEventListener("click",()=>{ obtenerJson(); }); </script> </div>
Uso de fetch

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.