[angularjs] AngularJs $ http.post ()는 데이터를 보내지 않습니다

asp.net MVC를 사용하는 것과 동일한 문제가 있었고 여기서 해결책을 찾았습니다.

이민자들에게 혼란이 많다 AngularJS 를 왜 $http서비스 속기 함수 ( $http.post()등)가 jQuery 등가 ( jQuery.post(), 등) 와 교체 될 수 없는지에 대해
이 있습니다 .

차이점은 jQuery 가 어떻게 와 AngularJS 가 데이터를 직렬화하고 전송하는 방법에 있습니다. 기본적으로 문제는 선택한 서버 언어가 AngularJS의 전송을 기본적으로 이해할 수 없다는 데 있습니다. 기본적으로 jQuery 는 다음을 사용하여 데이터를 전송합니다.

Content-Type: x-www-form-urlencoded

익숙한 foo=bar&baz=moe직렬화.

그러나 AngularJS 는 다음을 사용하여 데이터를 전송합니다.

Content-Type: application/json 

과 { "foo": "bar", "baz": "moe" }

불행히도 일부 웹 서버 언어 인 JSON 직렬화 특히 PHP와 같은 기본적으로 직렬화를 해제하지 않습니다.

매력처럼 작동합니다.

암호

// Your app's root module...
angular.module('MyModule', [], function($httpProvider) {
  // Use x-www-form-urlencoded Content-Type
  $httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8';

  /**
   * The workhorse; converts an object to x-www-form-urlencoded serialization.
   * @param {Object} obj
   * @return {String}
   */
  var param = function(obj) {
    var query = '', name, value, fullSubName, subName, subValue, innerObj, i;

    for(name in obj) {
      value = obj[name];

      if(value instanceof Array) {
        for(i=0; i<value.length; ++i) {
          subValue = value[i];
          fullSubName = name + '[' + i + ']';
          innerObj = {};
          innerObj[fullSubName] = subValue;
          query += param(innerObj) + '&';
        }
      }
      else if(value instanceof Object) {
        for(subName in value) {
          subValue = value[subName];
          fullSubName = name + '[' + subName + ']';
          innerObj = {};
          innerObj[fullSubName] = subValue;
          query += param(innerObj) + '&';
        }
      }
      else if(value !== undefined && value !== null)
        query += encodeURIComponent(name) + '=' + encodeURIComponent(value) + '&';
    }

    return query.length ? query.substr(0, query.length - 1) : query;
  };

  // Override $http service's default transformRequest
  $httpProvider.defaults.transformRequest = [function(data) {
    return angular.isObject(data) && String(data) !== '[object File]' ? param(data) : data;
  }];
});

답변

$http.defaults.headers.post["Content-Type"] = "application/x-www-form-urlencoded";

function sendData($scope) {
    $http({
        url: 'request-url',
        method: "POST",
        data: { 'message' : message }
    })
    .then(function(response) {
            // success
    },
    function(response) { // optional
            // failed
    });
}

var xsrf = $.param({fkey: "key"});
$http({
    method: 'POST',
    url: url,
    data: xsrf,
    headers: {'Content-Type': 'application/x-www-form-urlencoded'}
})

myobject = {'one':'1','two':'2','three':'3'}

Object.toparams = function ObjecttoParams(obj) {
    var p = [];
    for (var key in obj) {
        p.push(key + '=' + encodeURIComponent(obj[key]));
    }
    return p.join('&');
};

$http({
    method: 'POST',
    url: url,
    data: Object.toparams(myobject),
    headers: {'Content-Type': 'application/x-www-form-urlencoded'}
})

.controller('myCtrl', function($http, $httpParamSerializerJQLike) {
$http({
  method: 'POST',
  url: baseUrl,
  data: $httpParamSerializerJQLike({
    "user":{
      "email":"wahxxx@gmail.com",
      "password":"123456"
    }
  }),
  headers:
    'Content-Type': 'application/x-www-form-urlencoded'
})})

var app = angular.module('myapp', []);

app.controller('LoginController', ['$scope', '$http', function ($scope, $http) {
    // default post header
    $http.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8';
    // send login data
    $http({
        method: 'POST',
        url: 'https://example.com/user/login',
        data: $.param({
            email: $scope.email,
            password: $scope.password
        }),
        headers: {'Content-Type': 'application/x-www-form-urlencoded'}
    }).success(function (data, status, headers, config) {
        // handle success things
    }).error(function (data, status, headers, config) {
        // handle error things
    });
}]);