Node.js与$http请求新手求助：返回ID而非实际表单数据

看起来你遇到的是Angular $http请求格式与服务器期望不匹配的典型问题——服务器没正确解析你提交的表单数据，反而返回了意外的ID，而实际表单数据只能在请求的config对象里找到。别担心，这是新手用$http发表单数据时很常见的坑，我来帮你搞定：

核心原因 #

Angular的$http默认会把请求数据序列化为JSON格式（Content-Type: application/json），但如果你的服务器期望接收传统的表单编码数据（application/x-www-form-urlencoded），就会出现数据无法被解析的情况，服务器自然拿不到你提交的内容，返回结果也就不符合预期了。

解决方案：正确配置$http请求 #

你需要手动指定请求的Content-Type，并把表单数据序列化为服务器能识别的格式，这里推荐用Angular内置的$httpParamSerializerJQLike服务来做序列化：

步骤1：注入依赖并发送请求

在你的Angular控制器或服务中，注入$httpParamSerializerJQLike，然后配置请求：

// 确保注入$http和$httpParamSerializerJQLike
app.controller('YourController', ['$http', '$httpParamSerializerJQLike', function($http, $httpParamSerializerJQLike) {
  $scope.submitForm = function() {
    $http({
      method: 'POST',
      url: '/你的服务器接口地址',
      // 序列化表单数据为服务器可识别的格式
      data: $httpParamSerializerJQLike($scope.formData),
      // 设置正确的请求头
      headers: {
        'Content-Type': 'application/x-www-form-urlencoded'
      }
    }).then(function(response) {
      // 现在服务器返回的response.data应该就是正确结果了
      console.log('服务器响应:', response.data);
    }, function(error) {
      console.error('请求出错:', error);
    });
  };
}]);

步骤2：确保服务器端正确解析数据

如果你用的是Node.js + Express，别忘了配置body-parser中间件来解析表单编码数据：

const express = require('express');
const bodyParser = require('body-parser');
const app = express();

// 解析application/x-www-form-urlencoded格式的数据
app.use(bodyParser.urlencoded({ extended: true }));

app.post('/你的服务器接口地址', (req, res) => {
  // 这里req.body就能拿到你发送的表单数据了
  console.log('收到的表单数据:', req.body);
  // 返回正确的响应给客户端
  res.send({ status: 'success', receivedData: req.body });
});

额外说明 #

你看到数据在config里是因为$http的响应对象中，config保存了本次请求的所有配置信息（包括你发送的data），而服务器因为没解析到数据，返回的response.data就是那些来源未知的ID。按照上面的方法配置后，服务器就能正确接收并处理你的表单数据，返回你期望的结果啦。

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