採用了棱角分明JS

Question

嗨，我嘗試後與AnguarJs數據，但有一些issues.My 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: Cannot read property 'param' of undefined當我改變代碼贊一個然後我得到這個錯誤。

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

不能張貼到login.html的page.This是我在AnguarJs第一個項目這樣不是很familer與this.Thanks。

Answer 1

在你的第一個代碼，您嘗試發佈到

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

你忘了你的第二個例子來改變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); 
     } 
    }; 
});