<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.