<script>
$().ready(function() {
$("#getXmlRes").click(function(event) {
$.ajax ({
url: "./xml/response.xml"
});
});
$(document).ajaxComplete(function(event, response, ajaxOptions) {
if (ajaxOptions.url == "./xml/response.xml") {
var xmlDoc = $.parseXML(response.responseText);
var responseArray = new Array();
var index = 0;
//Storing XML response into array
$(xmlDoc).find("response").each(function() {
$response = $(this);
response = new Array();
response['journalID'] = $response.find('journalID').text();
response['accountID'] = $response.find('accountID').text();
response['title'] = $response.find('title').text();
response['content'] = $response.find('content').text();
response['datetime'] = $response.find('datetime').text();
responseArray[index++] = response;
});
$('#response').append('<h3>Response :');
//Retrieving data from array
for (var i in responseArray) {
$('#response').append('journalID : ' +responseArray[i]['journalID'] + '<br/>');
$('#response').append('accountID : ' +responseArray[i]['accountID'] + '<br/>');
$('#response').append('title : ' +responseArray[i]['title'] + '<br/>');
$('#response').append('content : ' +responseArray[i]['content'] + '<br/>');
$('#response').append('datetime : ' +responseArray[i]['datetime'] + '<br/>');
}
}
});
});
</script>