Angular $ http.post不发送任何数据

时间:2013-07-24 17:24:23

标签: javascript json post angularjs

我在尝试简单发布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是“缺少消费者密钥”,这意味着数据未正确发布。

1 个答案:

答案 0 :(得分:1)

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

  

$ http.defaults.headers.post [" Content-Type"] =   "应用程序/ X WWW的窗体-urlencoded&#34 ;;

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

  

angular.module(' pocket.controllers',[]).controller(' ArticleList',   函数($ scope,$ 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);
  });
}
     

})