angular.js - jquery跨域成功的情況下$http.post()和$http()跨域(CORS)請求均失敗

Question

這個cors跨域資源，用jquery請求是成功的。
（如下面被註解掉的程式碼這樣是成功的）

//var url = "http://test.shenmawo.com.cn/wechat/huodong/h22/giveGift";
//
//$.ajax({
//    type : 'post',
//    url : url,
//    data : {
//
//    },
//    dataType : "json",
//    success : function(data, status) {
//        $scope.prize = data;
//    },
//    error : function(data, status, e) {
//        console.log("系统异常" + e);
//    }
//});

但是angularjs的$http.post不成功：

$http
.post('http://test.shenmawo.com.cn/wechat/huodong/h22/giveGift', {})
.success(function(data){
    $scope.prize = data;
})
.error(function(err){
    alert(err);
});

用$http([Object])這樣的寫法也不成功：

//$http({
//    url:'http://test.shenmawo.com.cn/wechat/huodong/h22/giveGift',
//    method:'POST',
//    data: {},
//    withCredentials:true,
//    success: function(data){
//      $scope.prize = data;
//    },
//    err:function(err){
//        alert(err);
//    }
//});

另外我也依照搜尋到的要求加入了配置：

angular.module('zil',['ngRoute'])
.config(['$routeProvider', '$httpProvider',function($routeProvider, $httpProvider){
    $httpProvider.defaults.useXDomain = true;//添加的配置
    $routeProvider
       .when('/',{……})
       .when('/game',{
           templateUrl:XXX,
           controller:function(){
               /*上面所有跨域请求的代码都位于这个位置*/
           }
       });

應該怎樣才能用angularjs跨域請求呢？

Answer 1

postCfg = {
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
  },
  transformRequest: function(data) {
    return $.param(data);
  }
}

app.config([
  '$httpProvider',
  function($httpProvider) {
    $httpProvider.defaults.useXDomain = true;
    delete $httpProvider.defaults.headers.common['X-Requested-With'];
   }
]}

$http.post(url, {}, postCfg)

剛找到的方法，測速成功