<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
function println(s) {
document.getElementById('result').innerHTML += s + '<br>';
}
function onSuccess(data) {
var results = data['query']['results'];
for (var name in results) {
println(name);
}
}
function onError(e, xhr) {
println("failed");
println(e);
println(xhr);
}
function doUpdate() {
var userquery = '{{#ask: [[Category:City]] [[located in::Germany]]'+
'| ?population'+
'| ?Area'+
'}}';
var myurl = 'http://www.semantic-mediawiki.org/w/api.php?action=ask&format=json&query='+encodeURIComponent(userquery);
$.ajax({
url: myurl,
cache: false,
dataType: "jsonp",
success: onSuccess,
error: onError
});
}
</script>
</head>
<body>
<a href="#" onclick="return doUpdate()">Click me</a>
<div id="result"></div>
</body>
</html>