上一篇文章中，我們了解了SPARQL、SPARQL Endpoint，並簡單做了一個SPARQLWrapper.js，來從DBpedia中查詢了一些數據。
本文則嘗試利用SPARQLWrapper.js來讀取DBpedia的數據，並顯示出來。
目標
通過輸入一個英文單詞，然后返回WIKI中相關的信息。
那么主要要解決的問題就是怎樣的SPARQL語句能夠查詢到我們需要的東西。
先看一段簡單的SPARQL查詢語句
PREFIX : <http://aabs.purl.org/music#> SELECT ?instrument WHERE { :andrew :playsInstrument ?instrument . }
首先定義一個域名空間http://aabs.purl.org/music#。
然后選擇這樣子的instrument變量，他滿足：
主語是http://aabs.purl.org/music#andrew，謂語是http://aabs.purl.org/music#playsInstrument，賓語是該instrument。
bif:contains()
bif:contains()是contains()函數的變種函數，顧名思義是判斷是否包含的函數。
利用這個我們能查詢到我們需要的數據了。
prefix foaf: <http://xmlns.com/foaf/0.1/> select distinct ?url ?alma ?comment where { ?s foaf:name ?sname . ?sname bif:contains 'China'. ?s foaf:depiction ?url . ?s dbpedia-owl:wikiPageExternalLink ?alma . ?s rdfs:comment ?comment . } limit 10
這段SPARQL語句是查詢包含China的名字的詞條，然后將其圖片的url、homepage的url，以及簡介返回回來。
下面讓我們把整個程序寫完。
完整代碼
<html> <head> <meta charset="utf-8"> <title>SPARQL DEMO</title> <script src="SPARQLWrapper.js"></script> <script> var $ = function(id){ return document.getElementById(id); }, sparql = new SPARQLWrapper("http://dbpedia.org/sparql"), results = []; function getInfo(name){ name = name.replace(/\s/g, "_"); var command = "prefix foaf: <http://xmlns.com/foaf/0.1/> " + "select distinct ?url ?alma ?comment " + "where { " + "?s foaf:name ?sname . " + "?sname bif:contains '" + name + "'. " + "?s foaf:depiction ?url . " + "?s dbpedia-owl:wikiPageExternalLink ?alma . " + "?s rdfs:comment ?comment . " + "} " + "limit 10"; sparql.setQuery(command); sparql.query(function(json){ showInfo((eval("(" + json + ")")).results.bindings); }); } function showInfo(results){ var text = ""; if(results.length !== 0){ for(var i = 0; i < results.length; i++){ text += "<img src = '" + results[i].url.value + "' /><br />"; text += "homepage：" + "<a href = '" + results[i].alma.value + "' >" + results[i].alma.value + "</a><br />"; text += "<p>" + results[i].comment.value + "</p><br /><br /><br />"; $("result").innerHTML = text; } }else{ $("result").innerHTML = "沒有任何相關信息！"; } } </script> </head> <body> <p>目前只支持英文查詢。</p> <input type="text" id="name"/> <input type="button" onclick="getInfo(document.getElementById('name').value);" value="Wiki Search" /> <div id="result"></p> </body> </html>
遺留問題
不太清楚中文怎么查詢，如有知道的朋友，麻煩告知一下，謝謝。
例子
http://pan.baidu.com/share/link?shareid=293219&uk=855675565