AngularJS应用调用POST WebService失败求助（附代码）

我来帮你一步步排查这个POST请求的问题，先从几个最可能的原因入手：

1. 先修正基础的URL错误 #

你的请求URL里端口写的是000，这明显是无效的端口号（有效端口范围是1-65535），这大概率是你输入时的笔误，先把它改成后端服务实际监听的端口，比如：

var postLogin = "http://0.0.0.0:8080/ddd/v1/login"; // 替换为真实的有效端口

2. 检查跨域（CORS）问题 #

如果你的AngularJS前端和Web服务不在同一个域名/端口下，浏览器会自动拦截跨域的POST请求，这是最常见的问题之一：

• 打开浏览器开发者工具（F12），切换到Network标签，找到你的POST请求，查看是否有CORS相关的错误提示，或者状态码为403/500。
• 解决方式：需要后端Web服务配置CORS支持，添加允许前端域名的响应头，比如：

  Access-Control-Allow-Origin: 你的前端域名（生产环境不要用*）
  Access-Control-Allow-Methods: POST, OPTIONS
  Access-Control-Allow-Headers: Content-Type
  

3. 确认请求格式与后端预期匹配 #

你的代码里设置了Content-Type: application/json，并发送了JSON对象，这没问题，但要确认后端是否确实期望接收JSON格式的请求体：

• 如果后端要求的是x-www-form-urlencoded格式（表单提交格式），你需要修改请求配置和数据序列化方式：

  // 引入AngularJS的参数序列化工具
  var loginvalue = $httpParamSerializerJQLike({
    email:"some@mail.com",
    password:"cbsjc6dw3bgjyfdgdKHGGDF="
  });
  var config = { 
    headers: { 'Content-Type': 'application/x-www-form-urlencoded' } 
  };
  $http.post(postLogin, loginvalue, config)
  

4. 用开发者工具深挖请求细节 #

这是定位问题最直接的方式：

• 打开F12的Network标签，点击你的POST请求，查看：
  • General：确认请求URL、方法、状态码是否正确
  • Request Headers：检查Content-Type是否和你设置的一致
  • Request Payload：确认发送的JSON数据是否完整、格式正确
  • Response：查看后端返回的具体错误信息，这比你alert的error内容详细得多

5. 代码写法的优化（AngularJS最佳实践） #

另外，AngularJS的.success()和.error()方法已经被废弃了，建议改用标准的Promise语法.then()和.catch()，同时注意response对象的结构——后端返回的数据在response.data里，不是整个response：

$http.post(postLogin, loginvalue, config)
  .then(function(response) {
    alert("response " + JSON.stringify(response.data));
    $scope.defer.resolve(response.data);
  })
  .catch(function(error) {
    alert("请求错误: " + JSON.stringify(error));
    $scope.defer.reject(error);
  });

先从修正URL端口开始排查，再结合开发者工具的信息定位具体问题，应该就能解决你的POST请求失败的问题了。

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