用用户名调用API并传递

耶伯纳德斯

我正在尝试使用AngularJS创建html页面，用户在其中输入用户名和密码，控制器调用API来验证它们是否正确。这是控制器代码，不起作用。你可以帮帮我吗？

'use strict';

angular.module('SiteApp', [])
.controller('LoginCtrl', ['$scope', '$location', '$http', function ($scope, $http) {
  return{
    $scope.user = {username: '', password: ''};

    $scope.go = function() {
        //$scope.msg = 'clicked '+ $scope.user.username + ' ' + 
        //$scope.user.password;
        //alert("Testar entrada na função de go()");
        console.log($scope);
        $http.jsonp('http.//beta.cloogy.com:6969/api/1.0').
            data= {
              "User": user.username,
              "Password": user.password
            };
        .success(function (data) {
          $scope.$parent.image = data;
          return $location.path('/Index')
        });

        .error(function (data) {
           return $scope.msg="Erro, não foi feita validação correctamente!";
            {{msg}}
        });
    }
  }
}]);

杰西加文

您的代码中有很多javascript语法错误。以下代码至少在语法上是正确的。不知道它是否完成了您要完成的任务。

'use strict';

angular.module('SiteApp', [])
.controller('LoginCtrl', ['$scope', '$location', '$http', function ($scope, $location, $http) {
  $scope.user = {username: '', password: ''};

  $scope.go = function() {
    $http.jsonp('http.//beta.cloogy.com:6969/api/1.0', {
        data: {
          User: user.username,
          Password: user.password
        }
      })
      .success(function (data) {
        $scope.$parent.image = data;
        $location.path('/Index');
      })
      .error(function (data) {
        $scope.msg="Erro, não foi feita validação correctamente!";
      });
  }
}]);

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。