AngularJs $http.post()不发送数据

有人能告诉我为什么下面的语句没有将post数据发送到指定的url吗?url被调用，但在服务器上，当我打印$_POST -我得到一个空数组。如果我在控制台中打印消息，然后将其添加到数据-它显示了正确的内容。

$http.post('request-url',  { 'message' : message });

我也尝试过将数据作为字符串(具有相同的结果):

$http.post('request-url',  "message=" + message);

当我以以下格式使用它时，它似乎正在工作:

$http({
    method: 'POST',
    url: 'request-url',
    data: "message=" + message,
    headers: {'Content-Type': 'application/x-www-form-urlencoded'}
});

但是是否有一种方法可以用$http.post() -我总是必须包括头以便它工作吗?我相信上面的内容类型是指定发送数据的格式，但我可以把它作为javascript对象发送吗?

当前回答

我没有评论的名声，但作为对don F的回答的回应/补充:

$params = json_decode(file_get_contents('php://input'));

为了正确地返回一个关联数组，需要在json_decode函数中添加第二个参数true:

$params = json_decode(file_get_contents('php://input')， true);

2015-02-21 21:15:59

其他回答

你可以这样设置默认的“Content-Type”:

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

关于数据格式:

美元的http。Post和$http。put方法接受任何JavaScript对象(或字符串)值作为其数据参数。如果data是一个JavaScript对象，默认情况下，它将被转换为JSON字符串。

试着使用这种变化

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

2013-10-08 17:14:48

我喜欢使用函数将对象转换为post参数。

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'}
})

2014-08-29 14:10:59

我在使用AngularJS和Node.js + Express 4 + Router时也遇到了同样的问题

路由器期望从post的请求中得到数据。如果我遵循Angular Docs中的例子，这个主体总是空的

符号1

$http.post('/someUrl', {msg:'hello word!'})

但如果我把它用在数据中

符号2

$http({
       withCredentials: false,
       method: 'post',
       url: yourUrl,
       headers: {'Content-Type': 'application/x-www-form-urlencoded'},
       data: postData
 });

编辑1:

否则node.js路由器将期望req中的数据。正文(如使用符号1):

req.body.msg

它还将信息作为JSON有效负载发送。在json和x-www-form-urlencoded中有数组的某些情况下，这是更好的。

它工作。希望能有所帮助。

2014-10-11 19:13:20

在我的例子中，我是这样解决问题的:

var deferred = $q.defer();

$http({
    method: 'POST',
    url: 'myUri', 
    data: $.param({ param1: 'blablabla', param2: JSON.stringify(objJSON) }),
    headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
}).then(
    function(res) {
        console.log('succes !', res.data);
        deferred.resolve(res.data);
    },
    function(err) {
        console.log('error...', err);
        deferred.resolve(err);
    }
);
return deferred.promise;

您需要使用JSON。为每个包含JSON对象的参数进行stringify，然后使用"$. stringify "构建数据对象。param”:-)

注意:我的“objJSON”是一个JSON对象，包含数组，整数，字符串和html内容。他的总大小是>3500个字符。

2016-07-28 10:29:27

这可能是一个很晚的答案，但我认为最合适的方法是使用angular在使用$httpParamSerializer执行“get”请求时使用的同一段代码，它将不得不注入到你的控制器中所以你可以简单地做下面的事情，而不需要使用Jquery，美元http.post (url, httpParamSerializer美元({参数:val}))

app.controller('ctrl',function($scope,$http,$httpParamSerializer){
    $http.post(url,$httpParamSerializer({param:val,secondParam:secondVal}));
}

2016-05-24 18:20:25

AngularJs $http.post()不发送数据

推荐文章

最新文章

标签