Question

我试图通过ajax调用获取angularjs中的用户位置，但我收到语法错误

＆＃13;

app.controller('locationController', function($scope, $window) {

  $window.navigator.geolocation.getCurrentPosition(function(position) {
    console.log(position);
    var lat = position.coords.latitude;
    var long = position.coords.longitude;

    $scope.$apply(function() {
      $scope.lat = lat;
      $scope.long = long;
    });
  });

  var city = function() {

    http.get("http://maps.googleapis.com/maps/api/geocode/json?latlng="
      lat ","
      long "&sensor=true").success(function(response) {
      console.log(response);
    });
  }
});

＆＃13;

我得到的错误是令牌上的语法错误，删除此令牌

Answer 1

试试这个，需要添加$ http .. angularjs支持ajax的2个方法。一个是严格的函数调用（4个动作类型，get，post，update，delete）或添加一个配置对象，如$ .ajax。

app.controller('locationController', function($scope, $window, $http) {  // updated
    var city = function() {

    $http.get("http://maps.googleapis.com/maps/api/geocode/json?latlng="  // updated
      lat ","
      long "&sensor=true").success(function(response) {
      console.log(response);
    });
  }
}

Answer 2

我发现至少有三个问题：

您的http.get电话中似乎没有正确连接字符串。
lat和long超出了city功能的范围。您可能打算使用$scope.lat和$scope.long？

http是一项服务而您没有注入它。

app.controller('locationController', function($scope, $window, $http) {    
   $window.navigator.geolocation.getCurrentPosition(function(position) {
      console.log(position);
      var lat = position.coords.latitude;
      var long = position.coords.longitude;

      $scope.$apply(function() {
         $scope.lat = lat;
         $scope.long = long;
     });
  });

  var city = function() {

    $http.get("http://maps.googleapis.com/maps/api/geocode/json?latlng="
       + $scope.lat + ","
       + $scope.long + "&sensor=true").success(function(response) {
          console.log(response);
    });
  }
});

如何使用参数

2 个答案: