L'API REST de dades obertes de la Diputació de Barcelona treballa de forma nativa amb format JSON i suporta tècniques com el JSONP, de manera que permet recuperar les dades de forma asíncrona. Per exemple, podem recuperar una llista de tots els restaurants que es troben a dins d'un parc natural:
Exemple simple amb JavaScript (jQuery) utilitzant JSON:
<html>
<head>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
</head>
<body>
<script>
(function() {
let callAPI = "https://do.diba.cat/api/dataset/parcsequipaments_ca/camp-categoria/restaurant";
$.getJSON(callAPI)
.done(function(data) {
$.each(data.elements, function(i, element) {
$("#restaurants").append("<li>" + element.adreca_nom + "</li>");
});
});
})();
</script>
<ul id="restaurants"></ul>
</body>
</html>
O podem recuperar les dades amb una crida JSONP simplement canviant la crida per:
let callAPI = "http://do.diba.cat/api/dataset/parcsequipaments_ca/camp-categoria/restaurant?callback=?";
Afegeix un nou comentari