与えられたフォームの詳細について入れ子になったjsonオブジェクトを取得する方法は？

Question

私はjsonオブジェクトを取得しようとしていますが、試してみましたが、普通のjson形式のようになっていますが、fiddleで説明したような形式のnested jsonのようなものが必要です。どうすれば達成できますか？私を助けて、事前に感謝してください。

Answer 1

あなたがテストノード内たいデータを意味

<form action="" method="post" id="formid" name="testForm"> 
    First Name: 
    <input type="text" ng-model="formData.testing.Fname" maxlength="50" size="12" /><br/> 
    <br/> Last Name: 
    <input type="text" ng-model="formData.testing.Lname" maxlength="50" size="12" /><br/> 
    <br/> 
    Middle Name: 
    <input type="text" ng-model="formData.testing.Mname" maxlength="50" size="12" /><br/> 
    <br/> Education: 
    <br/> 
    <select ng-model="formData.testing.Education"> 
     <option value="HighSchool">HighSchool</option> 
     <option value="College">College</option> 
    </select> 
    <br/> 
    <br/> Age: 
    <input type="text" ng-model="formData.testing.Age" maxlength="2" size="10" /><br/> 
    <br/> University: 
    <br/> 
    <select ng-model="formData.University"> 
     <option value="ABC">ABC</option> 
     <option value="DEF">DEF</option> 
    </select> 
    <br/> 
    <br/> 
    Companies:<br/> 
<select ng-model="formData.companies"> 
<option value="X">X</option> 
<option value="Y">Y</option> 
<option value="Z">Z</option></select><br/> 
    <p> 
     <input type="submit" ng-click="serialize($event)" /> 
    </p> 
    </form> 

を使用して、フォームのHTMLが、それはすなわちng-model="formData.testing.Fname"

Answer 2

$scope.serialize = function($event){ 
var testing = [ 
    {'Fname':$scope.formData.Fname}, 
    {'Lname':$scope.formData.Lname}, 
    {'Mname':$scope.formData.Mname}, 
    {'Education':$scope.formData.Education}, 
    {'Age':$scope.formData.Age}, 
]; 
$scope.formData = { 
'testing' : testing, 
'University' : $scope.formData.University, 
'Companies' : $scope.formData.companies, 
}; 
console.log($scope.formData) 
alert(JSON.stringify($scope.formData)) 
console.log(JSON.stringify($scope.formData)); 
$event.preventDefault() 

}

このコードを使用します。