my code stock.com

Daniel Zas

Leer y mostrar JSON con Javascript
by Daniel Zas

Snippet options

Download: Download snippet as leer-y-mostrar-json-con-javascript.js.
Copy snippet: For this you need a free my code stock.com account.
Embed code : You will find the embed code for this snippet at the end of the page, if you want to embed it into a website or a blog!

var conexion = new XMLHttpRequest();
var url = "myTutorials.txt";

conexion.onreadystatechange = function() {
    if (conexion.readyState == 4 && conexion.status == 200) {
        var myArray = JSON.parse(conexion.responseText);
        myFunction(myArray);
    }
}
  conexion.open("GET", url, true);
  conexion.send();

function myFunction(arr) {
    var out = "";
    var i;
    for(i = 0; i < arr.length; i++) {
        out += '<a href="' + arr[i].url + '">' + arr[i].name + '</a><br>';
    }
    document.getElementById("listado").innerHTML = out;   //Crear un div con id="listado en el html"
}

//Crear un div con id="listado" en el html

Create a free my code stock.com account now.

my code stok.com is a free service, which allows you to save and manage code snippes of any kind and programming language. We provide many advantages for your daily work with code-snippets, also for your teamwork. Give it a try!

Find out more and register now

You can customize the height of iFrame-Codes as needed! You can find more infos in our API Reference for iframe Embeds.