I am new to Web Service. I want to render Web Service response in my jsp page.
Here is response returned by webservice url
URL : https://www.domain.com/webservice/pendingbooks?studentNo=123456
XML Response:
<?xml version='1.0' encoding='ISO-8859-1'?>
<books>
<booksnotreturned>
<booksdetails>
<bookno>123545</bookno>
<issueddate>16-12-2013</issueddate>
<duedate>30-01-2014</duedate>
<amt>1000</amt>
</booksdetails>
<booksdetails>
<bookno>123546</bookno>
<issueddate>15-12-2013</issueddate>
<duedate>30-02-2014</duedate>
<amt>2000</amt>
</booksdetails>
<booksdetails>
<bookno>123547</bookno>
<issueddate>17-12-2013</issueddate>
<duedate>25-02-2014</duedate>
<amt>3000</amt>
</booksdetails>
</booksnotreturned>
<totaloutstanding>6000</totaloutstanding>
<bookscount>3</bookscount>
</books>
I want to show result is table format...how to do this?
Update : This what I tried.
$.ajax({
type: "get",
url: serviceURL,
dataType: "text",
crossDomain: true,
success: function (data) {
alert("success");
var xmlDoc = $.parseXML(data); // then parse into xml
var xml = $(xmlDoc);
var rootTag = xml.find("booksdetails");
$("#output").append("\
<tr class=mainheading>\n\
<td colspan=6 class=heading>Book Details</td>\n\
</tr>\n\
<tr class=heading1>\n\
<th>Book Number</th>\n\
<th>Issued Date</th>\n\
<th>Due Date</th>\n\
<th>Amount</th>\n\
</tr>");
rootTag.each(function () {
var bookno = $(this).find('bookno').text();
var issueddate = $(this).find('issueddate').text();
var duedate = $(this).find('duedate').text();
var amt = $(this).find('amt').text();
$("#output").append('<tr><td>' + bookno + '</td><td>' + issueddate + '</td><td>' + duedate + '</td><td>' + amt + '</td></tr>');
});
},
error: function () {
alert("Error");
}
});