<script src="jquery-1.5.2.min.js" type="text/javascript">
$(document).ready(function(){
$.ajax({
type: "GET",
url: "http://rama.inescporto.pt/app/api/",
data: "method=getGraph&artist=Coldplay&ri=3&p=3&d=0.5",
dataType: "xml",
success: xmlParser
});
});
function xmlParser(xml) {
$('#load').fadeOut();
$(xml).find('element').each(function(){
$(".main").append('<div class="artist"><p class="id">' + $(this).find('id').text() + '</p><p class="name">' + $(this).find("name").text() + '</p><p class="rank">Published ' + $(this).find("rank").text() + '</p></div>');
$(".artist").fadeIn(1000);
});
}
</script>
</head>
<body>
<div class="main">
<div align="center" class="loader"><img src="images/loading-spiral.gif" id="load" align="absmiddle"/></div>
</div>
I think I have all correct, but the request does not happen, the success function does not kick in. Someone can see where did I get it wrong?