In this article we will discuss to convert JSON string to JSON array using JSON.parse () method. After parsing we are using JQurey each() method to loop the Product JSON object get the property values.
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var JSONString = '[{"ProductName":"computer","Code":"ED002","Price":500,"ProductType":"electronic"},{"ProductName":"Chair","Code":"D5695","Price":1500,"ProductType":"furniture"}]';
var productJSON = JSON.parse(JSONString);
var result = '';
$.each(productJSON, function (i, item) {
result += 'Product Name = ' + item.ProductName + '<br/>';
result += 'Code = ' + item.Code+ '<br/>';
result += 'Product Type = ' + item.ProductType + '<br/>';
result += 'Price = ' + item.Price + '<br/><br/>';
});
$('#resultDiv').html(result).css('background-Color', 'rgb(136, 210, 220)');
});
</script>
</head>
<body style="border:1px solid;width:400px">
<div id="resultDiv"></div>
</body>
</html>
Output:
Post your comments / questions
Recent Article
- Fix-Gradient effect turning to gray in after effects
- How to blur an image in python?
- ModuleNotFoundError: No module named 'whois' in Python GoviralHost Without Terminal
- How to Convert Image to Pencil Sketch in Python?
- AttributeError: module 'urllib' has no attribute 'request' - Python
- How to Extract audio from video files using python?
- PermissionError: [Errno 13] Permission denied: 'shampoo_sales.csv' - Python
- [WinError 145] The directory is not empty: 'FolderPath' - Python
Related Article