The jQuery Get() ajax method supports HTML, XML, JSON
and Text type responses sent by the server. In this post we shall see on how to
process XML data returned from the server using the jQuery Get() method.
.aspx Page (Client Side)
Related Post
jQuery Get Method
jQuery Get HTML Response Example
jQuery Get XML Response Example
jQuery Get Text Response Example
jQuery Get JSON Response Example
jQuery HTTP GET Request Example
The syntax for receiving and
processing XML response is as follows.
$.get("<Server URL>", successHandlerFunction(…));
The following example receives a XML format data from the server and displays the data in a DIV tag in the browser.
$.get("<Server URL>", successHandlerFunction(…));
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 Load</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 = "";
$.get("AjaxData.xml", function(result)
{
$(result).find("Name").each(function()
{
nameList = nameList +
$(this).text() + "<br
/>";
});
$("#divXML").html(nameList);
}
);
});
});
});
</script>
</head>
<body>
<form id="frmAjax" runat="server">
<table border="1">
<tr>
<td><b>Action</b></td>
<td><b>Response</b></td>
</tr>
<tr valign="middle">
<td>
<asp:Button
ID="btnGetXML"
runat="server"
Text="Get XML" />
</td>
<td align="center">
<br /><div id="divXML"></div>
</td>
</tr>
</table>
</form>
</body>
</html>
.AjaxData.xml (Server
Side)
<?xml version="1.0" encoding="utf-8" ?>
<?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>
Related Post
jQuery Get Method
jQuery Get HTML Response Example
jQuery Get XML Response Example
jQuery Get Text Response Example
jQuery Get JSON Response Example
jQuery HTTP GET Request Example
No comments:
Post a Comment