Summary
Keywords
Full Transcript
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/04/convert-json-object-to-string.html Healthy diet is very important both for the body and mind. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking our YouTube channel. Hope you can help. https://www.youtube.com/channel/UC7sEwIXM_YfAMyonQCrGfWA/?sub_confirmation=1 In this video we will discuss 1. How to convert JSON object to string 2. How to convert string to JSON object This is continuation Part 18. Please watch Part 18 from jQuery tutorial before proceeding. Replace < with LESSTHAN symbol and > with GREATERTHAN symbol The following example converts JSON array to a string. JSON.stringify() method converts a JSON object (or array) into a string. <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { var employeesJSON = [ { "firstName": "Todd", "lastName": "Grover", "gender": "Male", "salary": 50000 }, { "firstName": "Sara", "lastName": "Baker", "gender": "Female", "salary": 40000 } ]; var JSONString = JSON.stringify(employeesJSON); $('#resultDiv').html(JSONString); }); </script> </head> <body style="font-family:Arial"> <div id="resultDiv"></div> </body> </html> Output : [{"firstName":"Todd","lastName":"Grover","gender":"Male","salary":50000}, {"firstName":"Sara","lastName":"Baker","gender":"Female","salary":40000}] The following example converts a string to a JSON array. JSON.parse() method converts a JSON string to JSON array. We then use the jQuery each() method to loop thru each employee JSON object and retrieve the respective property values. <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { var JSONString = '[{ "firstName": "Todd", "lastName": "Grover", "gender": "Male", "salary": 50000 }, { "firstName": "Sara", "lastName": "Baker", "gender": "Female", "salary": 40000 }]'; var employeesJSON = JSON.parse(JSONString); var result = ''; $.each(employeesJSON, function (i, item) { result += 'First Name = ' + item.firstName + '<br/>'; result += 'Last Name = ' + item.lastName + '<br/>'; result += 'Gender = ' + item.gender + '<br/>'; result += 'Salary = ' + item.salary + '<br/><br/>'; }); $('#resultDiv').html(result); }); </script> </head> <body style="font-family:Arial"> <div id="resultDiv"></div> </body> </html>
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
