jquery parse xml Method in jQuery is used to parse a string into an XML document. It uses native methods of the browser for creating a valid XML document.
jquery parse xml
Contents
Parsing a Text String. jQuery- Parse JSON, XML and HTML. jQuery itself can be used to parse an XML document on the client side.
var xml = $.parseXML(product.xml),
$xml = $( xml ),
$test = $xml.find('test');
console.log($test.text());
How to Parse Xml Using Jquery Example?
Read and Process XML using jQuery Ajax
//Code Starts
<?xml version="1.0" encoding="utf-8" ?>
<ProductList>
<Product>
<Title>Tamilrockers</Title>
<Description>Tamil Rockers is a torrent website which facilitates the illegal distribution of copyrighted material, including television shows, movies, music and videos.</Description>
</Product>
<Product>
<Title>hdhub4u</Title>
<Description>HDHub4u.com | HDHub Movies | HDHub4u-300MB Movies, 480p Movies ~ HDHub4u.shop, HDHub.com, HDHub4u, MoviesKiDuniya, 720p Movies, 1080p movies, Dual Audio</Description>
</Product>
<Product>
<Title>Tamilmv</Title>
<Description>TamilMV.in is a free movie downloading website where you can watch or download various types of movies online in different languages. </Description>
</Product>
<Product>
<Title>tamilblasters</Title>
<Description>TamilBlasters.com Latest Movies Download. TamilBlasters New Tamil Dubbed Movies Multi Audios Telugu Kannada Malayalam Hindi Download tamilblasters.</Description>
</Product>
</ProductList>
//Code Ends
jquery Code
//Code Starts
$(document).ready(function(){
$("#dvContent").append("<ul></ul>");
$.ajax({
type: "GET",
url: "ProductList.xml",
dataType: "xml",
success: function(xml){
$(xml).find('Product').each(function(){
var sTitle = $(this).find('Title').text();
var sDescription = $(this).find('Description').text();
$("<li></li>").html(sTitle + ", " + sDescription).appendTo("#dvContent ul");
});
},
error: function() {
alert("An error occurred while processing XML file.");
}
});
});
//Code Ends
jQuery parseXML() method
index.html
<!DOCTYPE html>
<html>
<head>
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"> </script>
</head>
<body>
<h3> It is an example of using the jQuery parseXML() method </h3>
<p> Click the below button to alert the member details. </p>
<button> Click Me </button>
<script>
$(document).ready(function(){
$("button").click(function(){
var str = "<xml version = '2.0'> <member> <name> Mayur </name> <mcode> E-102 </mcode> <salary> 18,500 </salary> </member> </xml>",
xmlDoc = $.parseXML(str),
$xml = $( str );
alert(" Name - " + $($xml).find("name").text() + "\n member-Id - " + $($xml).find("mcode").text() + " \n Salary - " + $($xml).find("salary").text() );
});
});
</script>
</body>
</html>
Don’t Miss : Php Parse XML File SimpleXML
I hope you get an idea about jquery parse xml.
I would like to have feedback on my infinityknow.com.
Your valuable feedback, question, or comments about this Article are always welcome.
If you enjoyed and liked this post, donโt forget to share.
I am Jaydeep Gondaliya , a software engineer, the founder and the person running Pakainfo. I’m a full-stack developer, entrepreneur and owner of Pakainfo.com. I live in India and I love to write tutorials and tips that can help to other artisan, a Passionate Blogger, who love to share the informative content on PHP, JavaScript, jQuery, Laravel, CodeIgniter, VueJS, AngularJS and Bootstrap from the early stage.