The angular.toJson() Function in AngularJS is used to serialize the javascript object into a JSON – formatted string. It takes the javascript object and returns a JSON string.
The angular.toJson() function in AngularJS is capable of handling circular references in JavaScript objects. Circular references occur when an object refers to itself or when two or more objects refer to each other in a chain. Unlike the native JSON.stringify() method, which throws errors when encountering circular references, the angular.toJson() internally handles such scenarios. It replaces circular references with the placeholder string [Circular], allowing the serialization process to proceed without interruptions. This capability is particularly useful when working with complex object structures that may contain circular references, ensuring reliable and error-free JSON serialization within AngularJS applications.
Syntax:
angular.toJson(object);
Parameter:
- object: It specifies the input will be serialized into the JSON.
Return Type:
- It returns JSON-ified string that represents the object.
Example 1: This example describes the use of the angular.toJson() Function in AngularJS, where <fieldset> tag is utilized to group the related elements in the form, and it creates the box over the elements, in order to serialize the javascript object into a JSON string format.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
AngularJS toJSON() function
</title>
<script src=
</script>
<style>
body {
font-family: "Arial";
text-align: center;
line-height: 30px;
}
h1 {
color: green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h3>angular.toJson() function</h3>
<fieldset>
<legend>Company Details</legend>
<script>
var company = {
'Name': 'GeeksforGeeks',
'Location': 'Noida'
}
var Industry = {
'Type': 'Software',
'Domain': 'Content & Course'
}
document.write(angular.toJson(company)
+ "</br>"
+ angular.toJson(Industry));
</script>
</fieldset>
</body>
</html>
|
Output:
Example 2: This example describes the use of the angular.toJson() Function in AngularJS, by implementing the button that will display the JSON formatted string data, by serializing the javascript object.
HTML
<!DOCTYPE html>
<html>
<head>
<script src=
"//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js">
</script>
<title>AngularJS toJson() function</title>
<style>
body {
font-family: 'Arial';
text-align: center;
}
h1 {
color: green;
}
</style>
</head>
<body ng-app="app">
<h1>GeeksforGeeks</h1>
<h3>angular.toJson() function</h3>
<div ng-controller="geek">
<button ng-click="showAlert()">
Click it!
</button>
</div>
<script>
var app = angular.module('app', []);
app.controller('geek', ['$scope',
function ($scope) {
$scope.showAlert = function () {
var string = {
Name: 'Quick sort',
Type: 'sorting',
};
alert(angular.toJson(string));
};
},
]);
</script>
</body>
</html>
|
Output:
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out -
check it out now!