这个angular.js形式出了什么问题?

时间:2015-03-02 19:28:11

标签: javascript angularjs forms ajaxform

我遇到这个简单形式的问题:我缺乏javascript让我退缩!

如果有人能给我一些指示:我一直无法找到我理解的文档(非php),并提供了将表单数据连接到'$ http'服务的完整概述。

(我没有收到错误,但数据没有在服务器上注册。)

数据格式:

    {"item_name":"Contact Me Form", "item_data":{"Name":"John Smith", "Email":"john@smith.com", "PhoneNumber":"222-333-4444"}}

脚本:

angular.module('formApp', [])
.controller('FormController', ['$scope', '$http', function($scope, $http) {
  $scope.form_data = {};

  $scope.update = function(user) {
    $scope.form_data = angular.copy(user);
     var dataObject = {
    item_name : "Contact Me Form"
    ,item_data : $scope.form_data
   };

 var responsePromise = $http.post("http://server-url", dataObject, {});
               responsePromise.success(function(dataFromServer, status, headers, config)                
               {
                   var outputDate=angular.fromJson(dataFromServer);
               });
                responsePromise.error(function(data, status, headers, config) {
                  console.log("Error in fetching user store call!");
               });    
            };
        }]);


           <div ng-app="formApp">
                <div ng-controller="FormController">
                    <form novalidate class="animated" >
                        <input 
                            type="text" 
                            ng-model="user.Name"
                            class="form-control" 
                            id="Name" 
                            placeholder="Your Name" required /><br />
                        <input 
                            type="email" 
                            ng-model="user.Email" 
                            class="form-control " 
                            id="Email" 
                            placeholder="Company Email" required/><br />
                        <input 
                            type="text" ng-model="user.PhoneNumber"
                            class="form-control  "
                            id="Number"
                            placeholder="Phone - (optional)" /><br />
                        <input 
                            id="submit"
                            class="btn-default btn-lg " type="submit" 
                            ng-click="update(user)" 
                            value="Save"
                            />
                    </form>
                </div>
            </div>

0 个答案:

没有答案