AngularJs : 요청 매개 변수가없는 HTTP POST

Question

요청을 보내기 위해 $ http 서비스를 사용하여 나머지 Api에 로그인 양식을 제출하려고하지만 양식을 제출할 때 요청 매개 변수가 전달되지 않습니다.

controller.formData = { 
          username: $scope.formData.username, 
          password: $scope.formData.password, 
          } 

    sendRequest(controller.formData).success(function(data) { 
     console.log(data); 
    }).error(function(data) { 
     console.log(data); 
    }) 


    function sendRequest(data) { 

     var sendRequest = $http.post("http://localhost:8080/multe-web/signin", data); 
     return sendRequest; 
    } 

Answer 1

: 이것은 내 코드입니다.

Answer 2

$http.post(
    authUrl+'/things', 
    $.param(requestData), 
    { 
     headers: 
     { 
      'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' 
     } 
    } 
) 
.success(function(data, status){ 

    deffered.resolve(data, status); 
}).error(function(data,status){ 

}); 

이 참조 -이 : 당신이 시도 할 수

controller.formData = { 
username : $scope.formData.username, 
password : $scope.formData.password, 
}; 
$http({ 
    method : 'POST', 
    url  : 'http://localhost:8080/multe-web/signin', 
    data : controller.formData, 
    headers : { 'Content-Type': 'application/json' } 
}) 
.success(function(data) { 
    console.log(data); 
}); 

Answer 3

HTML :

<form id="your_form" name='your_form' ng-submit="check.submit(your_form)"> 
    <input type="password" ng-model='passValue'> 
    <input type="text" ng-model='userNameValue'> 
</form> 

Controllers.js는 :

당신은 함수를 사용하여 $ HTTP를 호출 할 필요가

$scope.check = { 
    submit : function() { 
     var data; 
     data = { 
      'username' : $scope.userNameValue, 
      'password' : $scope.passValue, 
     }; 
     var request = $http({ 
      method: 'POST', 
      url:  'http://localhost:8080/multe-web/signin', 
      data: data, 
      headers: {'Content-Type': 'application/x-www-form-urlencoded'} 
     }); 
     request.then(function(data) { 
      console.log(data); 
     }); 
     request.catch(function(data) { 
      console.log(data); 
     }) 
    } 
};