Several simple examples of JQuery parsing XML data, jquery parsing xml instances

Several simple examples of JQuery parsing XML data, jquery parsing xml instances

Parsing XML data with JavaScript is a common programming task. JavaScript can do it, And JQuery can certainly do it. Below we will summarize several examples of using JQuery to parse XML.

Solution 1:

<script type="text/javascript">$(document).ready(function() {$.ajax({ url: 'http://www.bkjia.com/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>

Solution 2:

<script type="text/javascript">$.get("http://www.bkjia.com/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. Read xml files

$. Get ("xmlfile. xml", function (xml) {// xml indicates the content that can be read and used. For details, refer to 2nd });

2. Read xml content

If the read xml is used for the xml file, the processing is as follows:

$.get("xmlfile.xml",function(xml){  $(xml).find("item").length;  });

If you read an xml string, note that the xml string must be surrounded by "<xml>" and "</xml>" before it can be parsed.

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

Parse xml content:

Example 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 parsing sample code:

$ (Xml ). find ("field "). each (function () {var field = $ (this); var fName = field. attr ("Name"); // read the node attribute var dataType = field. find ("datatype "). text (); // read the value of the subnode });

Several simple examples of using JQuery to parse XML data are all the content shared by Alibaba Cloud xiaobian. I hope to give you a reference and support for the help house.