데이터 배열을 게시하는 방법

Question

각도 배열에서 API 호출 나머지 데이터 배열을 게시하려면 여기 내 샘플 코드입니다. 당신은 제각각 js에 새로운 제안을주십시오.

여기 내 컨트롤러 :

여기

$scope.addRowToGrid = function() { 
    var jsonData = $scope.create; 
    console.log("create", $scope.create); 
    var sendDataForCreate = [jsonData.PIDM, 
     jsonData.phoneCode, jsonData.phoneNumber, jsonData.sequenceNumber, jsonData.comment, 
     jsonData.areaCode, jsonData.dataOrigin, jsonData.userId 
    ]; 
    service.create(sendDataForCreate).success(
     function(response) {}); 
}; 

내 서비스 :

angular.module('ContactApp').factory(
    'service', [ 
     '$http', 'Settings', 
     function($http, Settings) { 
      return { 
       create: function(jsonData) { 
        return $http.post('http://localhost:20080/api/person/phone/v1/jonesl?token=w9cJTKsjhumFoFXzQ5fzw9XQBc', { 
          "operation": "create", 
          headers: { 
           'Content-Type': 'application/x-www-form-urlencoded' 
          } 
         }).success(
          function(response) { 
           console.log("create", response); 
           return response.data; 
          }); 
       } 
      } 
     } 
    ]); 

HTML :

<form name="userForm" ng-submit="addRowToGrid()"> 
    <label>phone number</label> 
    <input type="text" name="pidm" 
      class="form-control" 
      ng-model="create.pidm"> 
    <label>phone number</label> 
    <input type="text" name="areaCode" 
      class="form-control" 
      ng-model="create.areaCode"> 
    <label>phone number</label> 
    <input type="text" name="phoneNumber" 
      class="form-control" 
      ng-model="create.phoneNumber"> 
    <label>phone number</label> 
    <input type="text" name="sequenceNumber" 
      class="form-control" 
      ng-model="create.sequenceNumber"> 
    <label>phone number</label> 
    <input type="text" name="phoneCode" 
      class="form-control" 
      ng-model="create.phoneCode"> 
    <label>phone number</label> 
    <input type="text" name="comment" 
      class="form-control" 
      ng-model="create.comment"> 
    <label>phone number</label> 
    <input type="text" name="dataOrigin" 
      class="form-control" 
      ng-model="create.dataOrigin"> 
    <label>phone number</label> 
    <input type="text" name="userId" 
      class="form-control" 
      ng-model="create.userId"> 
    <button type="submit" class="btn btn-primary"> 
     Submit 
    </button> 
</form> 

Answer 1

귀하의 코드가 싶지는 서버에 배열을 보내 해달라고 제안 urlencoded form-data을 보내고 싶습니다.

서비스 :

angular.module('ContactApp').factory('service', [ 
     '$http', '$httpParamSerializerJQLike', 'Settings', 
     function ($http, $httpParamSerializerJQLike, Settings) { 
      var createUserUrl = 
       "http://localhost:20080/api/person/phone/v1/jonesl?token=blah"; 
      var CreateUser = function (DTO) { 
       //with jQuery dependency 
       //var dataToSend = $.param(DTO); 
       //without jQuery dependency 
       var dataToSend = $httpParamSerializerJQLike(DTO); 
       var config = { 
        method: "POST", 
        url: createUserUrl, 
        data: dataToSend, 
        headers: { 
         'Content-Type': 'application/x-www-form-urlencoded' 
        } 
       }; 
       return $http(config); 
      }; 
      return { 
       CreateUser: CreateUser 
      } 
     } 
]); 

컨트롤러 :

$scope.addRowToGrid = function() { 
    var jsonData = $scope.create; 
    service.CreateUser(jsonData).then(function(response){ 
     //success callback 
     var data = response.data; 
     //do something with the data 
    },function(response){ 
     //error callback 
    }); 
}; 

당신이 기본적인 아이디어를 얻을 바랍니다.

P.S : .success을 사용하지 마십시오. 그것은 쓸모가 없습니다.