如何使用php和angular js在http上发布ngCart结帐按钮?

时间:2015-11-04 04:23:50

标签: javascript php angularjs git

我不知道如何将我的数据发布到新的php页面中,这是我的代码:

<ngcart-checkout service="http" settings="{ url:'./checkout.php' }">Checkout </ngcart-checkout>

但是来自ngCart文档的原始代码是

<ngcart-checkout service="http" settings="{ url:'/checkout' }"></ngcart-checkout>

ngcart-checkout代码是

<button class="btn btn-primary" ng-click="checkout()" ng-disabled="!ngCart.getTotalItems()" ng-transclude>Checkout</button>

仍然没有将我重定向到checkout.php,所以我去了ngcart.js并使用http post结账的代码是

   .service('ngCart.fulfilment.http', ['$http', 'ngCart', function($http,        ngCart){

     this.checkout = function(settings){
         return $http.post(settings.url,
             {data:ngCart.toObject()})
     }
  }])

所以我的问题又是如何将我的结账按钮重定向到checkout.php,如何使用http post将这些项目发布到checkout.php?

1 个答案:

答案 0 :(得分:1)

我想也许你在ngcart.js文件中找到类似的东西

    <script>
    .service('ngCart.fulfilment.log', ['$http', 'ngCart', function($http, ngCart){

    this.checkout = function(settings){
        //var item_data = ngCart['$cart']['items'], message;
        //return $http.post('checkout.php',
        //    {data:item_data});
        var postData = 'item_data='+JSON.stringify(ngCart['$cart']['items']);
        $http({
            method : 'POST',
            url : 'checkout.php',
            data: postData,
            headers : {'Content-Type': 'application/x-www-form-urlencoded'}

        }).success(function(res){
            console.log(res);
        }).error(function(error){
            console.log(error);
        });
    }
}])</script>