2016-04-06 5 views
0

Я пытаюсь получить объект json, и я пробовал его, но он подходит, как в простом формате json, но мне он нужен как-то в формате nested json, как то, что я объяснил в fiddle. Как я могу это достичь? Пожалуйста, помогите мне и спасибо заранее.Как получить вложенный объект json для данных данной формы?

ответ

1

заменить форму HTML с

<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> 

это означает, что данные, которые вы хотите в пределах тестирования узла поместить его в том же формате, в то время как его связывания т.е. заменить как ng-model="formData.Fname" с ng-model="formData.testing.Fname"

+0

спасибо за Ваш ответ, это работая в соответствии с моими требованиями. Спасибо вам !! – Dhana

+0

приветствуется –

+0

У меня есть один запрос, как я могу выбрать любой вариант раскрывающегося списка по умолчанию и любое текстовое значение по умолчанию для любого имени/фамилии/среднего имени в приведенном выше скрипте/html? – Dhana

1
$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() 

}

использовать этот код.

 Смежные вопросы

  • Нет связанных вопросов^_^