如何在没有jQuery的情况下使用$HTTP发布urlencoded表单数据？

Question

$http({
    method: "post",
    url: URL,
    headers: {'Content-Type': 'application/x-www-form-urlencoded'},
    data: $.param({username: $scope.userName, password: $scope.password})
}).success(function(result){
    console.log(result);
});

data: {username: $scope.userName, password: $scope.password}

params: {username: $scope.userName, password: $scope.password}

data: JSON.stringify({username: $scope.userName, password: $scope.password})

我找到了这些可能的答案，但没有成功。我做错什么了吗？我确信AngularJS会提供这个功能，但是如何提供呢？

Answer 1

我认为您需要做的是将数据从对象转换为url参数，而不是JSON字符串。

从本·纳德尔的博客上。

默认情况下，$HTTP服务将通过将数据序列化为JSON来转换传出请求，然后使用内容类型“application/JSON”将其发布。当我们希望将值作为表单post发布时，我们需要更改序列化算法，并使用content-type“application/x-www-form-urlencoded”发布数据。

$http({
    method: 'POST',
    url: url,
    headers: {'Content-Type': 'application/x-www-form-urlencoded'},
    transformRequest: function(obj) {
        var str = [];
        for(var p in obj)
        str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
        return str.join("&");
    },
    data: {username: $scope.userName, password: $scope.password}
}).then(function () {});

null