AngularJs将json字符串转为对象fromJson和将对象转为json字符串toJson

在AngularJs中，json形式的字符串可以转为json格式的对象，代码如下：

利用HTML5的2种本地存储方式（localStorage和sessionStorage）来做测试：

01var m = angular.module('app', []);
02m.controller('ctrl', ['$scope', function($scope){
03    $scope.data = {'name':'K`illCode博客'};
04    //window.localStorage.setItem('data', $scope.data);
05    //console.log(window.localStorage.getItem('data'));
06     
07    window.sessionStorage.setItem('data', angular.toJson($scope.data));
08    console.log(angular.fromJson(window.sessionStorage.getItem('data')));
09    console.log(window.sessionStorage.getItem('data'));
10}]);

下面用jQuery表单提交的案例来演示一下toJson和fromJson的用法：

toJson：将json对象转为json字符串；

fromJson：将json字符串转为json对象。

html和js部分：

01<!doctype html>
02<html lang="en">
03    <head>
04        <meta charset="UTF-8">
05        <title>Document</title>
06        <meta name="Keywords" content="">
07        <meta name="Description" content="">
08    </head>
09    <body ng-app="app" ng-controller="ctrl">
10        <form action="./5.php" method="post">
11            <p>
12                <label>博客名称：</label>
13                <input type="text" name="name" ng-model="blog.name" ng-value="blog.name" />
14            </p>
15            <p>
16                <label>博客地址：</label>
17                <input type="text" name="url" ng-model="blog.url" ng-value="blog.url"/>
18            </p>
19            <input type="text" name="data" />
20            {{blog.name}}
21            <input type="submit" />
22        </form>
23    </body>
24</html>
25<script type="text/javascript" src="../js/angular.min.js"></script>
26<script type="text/javascript" src="http://www.zymseo.com/js/demo.js"></script>
27<script type="text/javascript">
28var m = angular.module('app', []);
29m.controller('ctrl', ['$scope', function($scope){
30    $scope.blog = {'name':'K`illCode技术博客', 'url':'http://blog.csdn.net/dome_'};
31    $('form').submit(function(){
32        if($scope.blog.name!='' && $scope.blog.url!=''){
33            $('[name="data"]').val(angular.toJson($scope.blog));
34        }
35    });
36}]);
37</script>

php部分：

1<?php
2    header('Content-type:text/html;charset="utf-8"');
3    var_dump(gettype($_POST['data']));//string
4    var_dump(json_decode($_POST['data'], true));//array