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
- 'ionic' is not recognized as an internal or external command
- OSError: cannot open resource - Python
- Python read file line count
- How to Encode & Decode using Base64 in Python?
- Unspecified error-The function is not implemented. Rebuild the library with Windows, GTK+ 2.x or Cocoa support.
- How to generate a Captcha verification code image with Python?
- How to show an image using path python PIL?
- How to remove Background from the images using Python?
Related Article