filmov
tv
Convert JSON object to string
Показать описание
Link for all dot net and sql server video tutorial playlists
Link for slides, code samples and text version of the video
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.
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 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 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) {
});
$('#resultDiv').html(result);
});
</script>
</head>
<body style="font-family:Arial">
<div id="resultDiv"></div>
</body>
</html>
Link for slides, code samples and text version of the video
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.
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 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 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) {
});
$('#resultDiv').html(result);
});
</script>
</head>
<body style="font-family:Arial">
<div id="resultDiv"></div>
</body>
</html>
Комментарии