如何将$scope变量传入$http.post？变量无法在请求体提交问题

嘿，我一眼就看出问题所在了——你现在遇到的请求体无法提交数据的情况，是因为手动把$scope.customer转成JSON字符串的操作画蛇添足了，反而干扰了Angular$http服务的默认处理逻辑。

问题根源 #

Angular的$http服务本身就会自动完成两件事：

• 把JavaScript对象序列化为JSON格式
• 自动设置请求头Content-Type: application/json

而你手动调用JSON.stringify()把对象转成字符串后，$http会把这个字符串当作普通文本发送，后端通常无法直接解析这种文本格式的JSON，所以看起来请求体里没有有效数据。

正确的解决方案：直接传$scope对象 #

你完全不需要手动序列化，直接把$scope.customer对象传给data参数即可，$http会帮你处理好所有序列化和请求头的事情。

修改后的控制器代码：

// 直接传入$scope.customer对象，无需手动转JSON
$http({
    method: 'POST',
    url: 'person/registrationCustomer',
    data: $scope.customer,
    timeout: 4000
})
.then(function (success) {
    // 这里写注册成功后的逻辑，比如提示用户
    console.log("注册成功啦", success);
}, function (error) {
    // 处理错误，比如提示用户网络问题或字段错误
    console.error("注册失败了", error);
});

如果你喜欢更简洁的写法，也可以用$http.post的快捷方式：

$http.post('person/registrationCustomer', $scope.customer, { timeout: 4000 })
.then(function(success) {
    // 成功处理逻辑
}, function(error) {
    // 错误处理逻辑
});

特殊情况：确实需要传JSON字符串（极少场景） #

如果你的后端特殊要求必须接收字符串格式的JSON，那你需要手动指定Content-Type请求头，确保后端能正确解析：

$http({
    method: 'POST',
    url: 'person/registrationCustomer',
    data: JSON.stringify($scope.customer),
    timeout: 4000,
    headers: {
        'Content-Type': 'application/json' // 手动指定请求头
    }
})
.then(...);

不过绝大多数情况下，直接传$scope对象的第一种方法就能完美解决你的问题。

内容的提问来源于stack exchange，提问作者Asad Iftikhar