【问题标题】:Angular $http.post not sending any dataAngular $http.post 不发送任何数据
【发布时间】:2013-07-24 17:24:22
【问题描述】:

我非常坚持尝试简单地发布 JSON 数据,但由于某种原因它不起作用。

angular.module('pocket.controllers', [])
  .controller('ArticleList', function($scope, $http) {

    $scope.signIn = function() {

      var postObject = new Object();
      postObject.consumer_key = pocketKey;
      postObject.redirect_uri = "http://www.example.com";

      $http.post(apiUrl, postObject).success(function(data){
        alert(data);
      });
    }

  })

当我在 Chrome 检查器中检查请求时,似乎没有实际发布任何数据:

Request URL:https://getpocket.com/v3/oauth/request
Request Method:OPTIONS
Status Code:400 Bad Request
Request Headersview source
Accept:*/*
Accept-Encoding:gzip,deflate,sdch
Accept-Language:en-US,en;q=0.8
Access-Control-Request-Headers:accept, origin, x-requested-with, content-type
Access-Control-Request-Method:POST
Cache-Control:no-cache
Connection:keep-alive
Host:getpocket.com
Origin:http://pocket.dev:8000
Pragma:no-cache
Referer:http://pocket.dev:8000/app/index.html
User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/28.0.1500.71 Safari/537.36
Response Headersview source
Cache-Control:private
Connection:keep-alive
Content-Length:15
Content-Type:text/html; charset=UTF-8
Date:Wed, 24 Jul 2013 17:18:04 GMT
P3P:policyref="/w3c/p3p.xml", CP="ALL CURa ADMa DEVa OUR IND UNI COM NAV INT STA PRE"
Server:Apache/2.2.25 (Amazon)
Status:400 Bad Request
X-Error:Missing consumer key.
X-Error-Code:138
X-Powered-By:PHP/5.3.27
X-Source:Pocket

如您所见,X-Error 是“缺少消费者密钥”,这意味着数据未正确发布。

【问题讨论】:

标签: javascript json post angularjs


【解决方案1】:

将此行添加到您的代码中;

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

修改后的代码会是这样的;

angular.module('pocket.controllers', []) .controller('ArticleList', 函数($范围,$http){

$scope.signIn = function() {

  var postObject = new Object();
  postObject.consumer_key = pocketKey;
  postObject.redirect_uri = "http://www.example.com";
  $http.defaults.headers.post["Content-Type"] = "application/x-www-form-urlencoded";
  $http.post(apiUrl, postObject).success(function(data){
    alert(data);
  });
}

})

【讨论】:

  • 这也不起作用,我认为这与他们的服务器不支持 CORS 并因此无法进行跨域 POST 请求有关。
  • 您是在单个域中执行此操作,还是有跨域 POST 请求?
  • 不,这是对 Pocket API 的跨域请求:getpocket.com/developer/docs/authentication
猜你喜欢
  • 1970-01-01
  • 2013-10-15
  • 1970-01-01
  • 2017-05-12
  • 2017-07-05
  • 2017-03-08
  • 1970-01-01
  • 2017-03-03
  • 2017-04-30
相关资源
最近更新 更多