无法使用 Angular JS 发布 [重复]

Question

您好，我正在尝试使用 AnguarJs 发布数据，但遇到了一些问题。我的 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 页面。这是我在 AnguarJs 上的第一个项目，所以对这个不太熟悉。谢谢。

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