Skip to content

Instantly share code, notes, and snippets.

@fabiovalse

fabiovalse/README.md

Last active August 29, 2015 14:02
Show Gist options
  • Save fabiovalse/52ad5a03ed8826e32a68 to your computer and use it in GitHub Desktop.
Save fabiovalse/52ad5a03ed8826e32a68 to your computer and use it in GitHub Desktop.
Download ZIP
LOD CNR MI TUTORIAL - Example 2
Raw
README.md
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="index.js"></script>
<title>Seminario Linked Data</title>
</head>
<body>
<h1>EXAMPLE N° 2</h1>
<div><b>SPARQL QUERY:</b></div>
<div id="query" contentEditable="true">
<pre>
<code>
PREFIX : &#60;http://dbpedia.org/resource/&#62;
PREFIX dbp: &#60;http://dbpedia.org/ontology/&#62;
SELECT ?x
WHERE {
?x dbp:country :Italy;
dbp:region :Tuscany.
}
</code>
</pre>
</div>
<div>
<input type="button" onclick="retrieveData()" value="Execute Query">
</div>
<br>
<div><b>RESULTS:</b></div><br>
<div id="output_div">
</div>
</body>
</html>
Raw
index.js
function retrieveData() {
var url = 'http://dbpedia.org/sparql?default-graph-uri=http%3A%2F%2Fdbpedia.org&query=' + encodeURIComponent($('#query').text()) + '&output=json';
$.ajax({
url: url,
dataType: "json",
success: function (data) {
handle_json(data);
},
error: function(e) {}
});
}
function handle_json(json) {
$('#output_div').text("");
$.each(
json['results']['bindings'],
function(index, value) {
$('#output_div').append(index + " " + value['x']['value'] + "<br>");
}
);
}
Raw
SPARQL
PREFIX : <http://dbpedia.org/resource/>
PREFIX dbp: <http://dbpedia.org/ontology/>
SELECT ?x
WHERE {
?x dbp:country :Italy;
dbp:region :Tuscany.
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment