こんにちは、私はAnguarJsとデータをポストしようとしているが、いくつかのissues.My jsのコードを抱えていアンギュラJS

Question

を使用してPOSTすることはできません以下の通りです：私はこの1つを好きにコードを変更するとき、私はこのエラーTypeError: Cannot read property 'param' of undefinedを取得しています

var app = angular.module('myApp', []); 
    app.constant('appUrl', 'http://localhost/zara/rest/'); 
/*---- categories fetch code -------*/ 
    app.controller('myController',['$scope','$http','appUrl', function($scope, $http , appUrl) { 

     $scope.newName = ""; 
    $scope.postForm = function() { 
     var data = $.param({ 
       name: $scope.newName 
      }); 

     $http.post("http://localhost/zara/rest/api_customerlogin.php", data).success(function(data, status) { 
      $scope.hello = data; 
      console.log(data); 
     }); 
    }; 
    }]); 

それから、私はこのエラーを受けました。

<script> 
    angular.module('myApp', []) 
    .controller('myController', ['$scope', '$http', function($scope, $http) { 
     this.loginForm = function() { 

      var user_data='user_email=' +this.inputData.email+'&user_password='+this.inputData.password; 

      $http({ 
       method: 'POST', 
       url: 'login.php', 
       data: user_data, 
       headers: {'Content-Type': 'application/x-www-form-urlencoded'} 
      }) 
      .success(function(data) { 
     console.log(data); 

      }) 
     } 

    }]); 
    </script> 

はpage.Thisが私AnguarJs上の最初のプロジェクトそうでないthis.Thanksと非常にfamilerあるlogin.htmlとする投稿することができません。あなたは

http://localhost/zara/rest/api_customerlogin.php 

に投稿してみてくださいあなたの最初のコードで

Answer 1

あなたはこのURLへのあなたの第二の例ではlogin.phpを変更することを忘れていましたか？

Answer 2

あなたのブラウザにallow-orgin-accessプラグインを追加するまで、ポストリクエストはローカル環境では動作しない可能性がありますのでご注意ください。しかしそれは実際の働くウェブサイトで働く。

var app = angular.module('myApp', []); 

app.constant('appUrl', 'http://localhost/zara/rest/'); 

app.controller('myController',function($scope, service, appUrl){ 

    $scope.newName = ""; 
    $scope.loading = false; 

    $scope.postForm = function() { 

    var data = $.param({ 
      name: $scope.newName 
     }); 

    $scope.loading = true; 
    service.makeThisRequest(appUrl + 'api_customerlogin.php', data).then(function(data){ 
     $scope.hello = data; 
     console.log(data); 
     },function(error){ 
     console.log(error); 
     }).finally(function(){ 
     $scope.loading = false; 
     }); 

    }); 

}]); 

app.factory('service', function ($http) { 
    return { 
     makeThisRequest : function(url,params){ 
     return $http.post(url,params); 
     } 
    }; 
});