无法使用Angular JS[duplicate]发布

Question

嗨，我试图张贴数据与AngarJs，但有一些问题。我的js代码如下：

    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);
        });
     };
  }]);

我得到这个错误TypeError：无法读取属性'参数'的未定义的和当我改变代码喜欢这个然后我得到了这个错误。

<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>

无法发布到登录。html页面。这是我在AnguarJs上的第一个项目，所以不太熟悉。谢谢

Answer 1

请注意，在为浏览器添加allow orgin access插件之前，post请求可能无法在本地环境中工作。但它在实际工作的网站上起作用。

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);
      }
    };
});

Answer 2

在您尝试发布到的第一个代码中

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

您忘记更改登录名了吗。php在您的第二个示例中是否指向此url？