jQuery supports different types of responses data types
which are sent by the server as a result of processing Ajax request, the various
types of data supported are HTML, XML, JSON and Text. In this post we shall see
on how to process XML data returned from the server using jQuery.
.aspx Page (Client Side)
AjaxData.xml (Server side)
The syntax for receiving and
processing XML response is as follows.
$.ajax({
$.ajax({
url: "AjaxData.xml",
cache: true,
dataType: "xml",
success: function(result)
{…}
});
The following example receives a XML format data from the server and displays the data in a DIV tag in the browser.
The following example receives a XML format data from the server and displays the data in a DIV tag in the browser.
.aspx Page (Client Side)
<html xmlns="http://www.w3.org/1999/xhtml"
>
<head runat="server">
<title>jQuery
Ajax</title>
<script type="text/javascript" src="JavaScript/jquery-1.7.2.js"></script>
<script
type="text/javascript"
language="javascript">
$(document).ready(function() {
//
//
// Get
XML Response data from the Server
$('#btnGetXML').click(function(event) {
event.preventDefault();
var
nameList = "";
$.ajax({
url: "AjaxData.xml",
cache: false,
dataType: "xml",
success: function(result) {
$(result).find("Name").each(function()
{
nameList = nameList
+ $(this).text() + "
";
";
});
$("#divXML").html(nameList);
}
});
});
});
});
</script>
</head>
<body>
<form id="frmAjax" runat="server">
<form id="frmAjax" runat="server">
<table border="1">
<tr>
<td><b>Action</b></td>
<td><b>Response</b></td>
</tr>
<tr>
<tr>
<td>
<asp:Button
ID="btnGetXML"
runat="server"
Text="Get XML"/>
</td>
<td>
<div id="divXML"></div>
</td>
</tr>
</table>
</table>
</form>
</body>
</html>
AjaxData.xml (Server side)
<?xml version="1.0" encoding="utf-8" ?>
<Contacts>
<Contact>
<Name>John</Name>
<Age>35</Age>
<Address>125. E.Spring Creeks, OH</Address>
</Contact>
<Contact>
<Name>David</Name>
<Age>24</Age>
<Address>121 Highway, Plano TX</Address>
</Contact>
</Contacts>
Run the Application and click on the btnGetXML button, notice that the request is processed and the XML data sent by the server is parsed and displayed in the Browser.
Related Post
jquery ajax method
jquery ajax get example
jquery ajax post example
jquery ajax html response example
jquery ajax xml response example
jquery ajax json response example
jquery ajax text response example
Run the Application and click on the btnGetXML button, notice that the request is processed and the XML data sent by the server is parsed and displayed in the Browser.
Related Post
jquery ajax method
jquery ajax get example
jquery ajax post example
jquery ajax html response example
jquery ajax xml response example
jquery ajax json response example
jquery ajax text response example
No comments:
Post a Comment