A few simple examples of jquery parsing XML data _jquery

Parsing XML data with JavaScript is a common programming task that JavaScript can do, of course, and jquery can do. Let's summarize some examples of parsing XML using jquery.

First scenario:

<script type= "Text/javascript" >
$ (document). Ready (function () {
	$.ajax ({
	 	URL: ' http:// Www.jb51.net/cgi/test.xml ',
	 	dataType: ' xml ',
	 	success:function (data) {
		 	//console.log (data);
		 	$ (data). Find ("Channel"). Find ("item"). Each (function (index, ele) {
				var titles = $ (ele). Find ("title"). Text ();
				var links = $ (ele). Find ("link"). text ();
				Console.log (titles+ '-----');
				$ ("#noticecon"). Find (' ol '). Append (' <li><a href= "' +links+ '" > ' +titles+ ' </a></li> ');}
	});
}) 
</script>

  <div id= "Noticecon" >
		<ol>
		</ol>
	</div>

The second option:

<script type= "Text/javascript" >
	$.get ("Http://www.jb51.net/cgi/test.xml", function (data) {
		$ (data). Find (' channel '). Find (' item '). Each (function (index, ele) {
			var titles = $ (ele). Find (' title '). Text ();
			var links = $ (ele). Find (' link '). text ();
			$ ("#noticecon"). Find (' ol '). Append (' <li><a href= "' +links+ '" > ' +titles+ ' </a></li> ');
		})
	});
</script>

  <div id= "Noticecon" >
		<ol>
		</ol>
	</div>

The general steps are as follows:

1. Reading XML files

$.get ("XMLFile.xml", function (XML) {
	//xml is the content that can be read, read see 2nd
});

2. Reading XML content

If the read XML is coming from the XML file, this combination of the above points is handled as follows:

$.get ("XMLFile.xml", function (XML) {  
	$ (XML). Find ("item"). length;  
};

If you read an XML string, be aware that XML strings must be surrounded by "<xml>" and "</xml>" to be parsed

$ ("<xml><root><item></item></root></xml>"). Find ("item"). length;

Parsing XML content:

Sample xml:

<?xml version= "1.0" encoding= "Utf-8"?>
<fields>
 <field name= "Name1" >
  <fieldname >dsname</fieldname>
  <datatype> character </datatype>
 </field>
 <field name= " Name2 ">
  <fieldname>dstype</fieldname>
  <datatype> character </datatype>
 </ Field>
</fields>

The following is the parse sample code:

$ (XML). Find (' field '). each (function () {
	var field = $ (this);
	var fName = field.attr ("Name");/Read Node property
	var dataType = field.find ("DataType"). Text ();//Read child node value
});

Above this jquery parse XML data several simple examples are small series to share to everybody's content, hoped can give everybody a reference, also hoped that everybody supports the cloud habitat community.