在angular中使用jquery从$http返回数据.get请求

Using jquery in angular in returning data from $http.get request

本文关键字:返回 http 数据 get 请求 angular jquery      更新时间:2023-09-26

我向apache服务器发出$http.get请求,响应是一个HTML页面。我想使用jquery从HTML页面中获取一些数据。

我的控制器代码是:

app.controller('MainController', ['$scope', '$http', function($scope, $http) {
    $scope.showImages = function() {
        $http.get('http://localhost/images/').success(function(data) {
            $scope.images = data;
        });
    };
}]);

我可以看到,在$scope.images是存储从服务器返回的html页面,但我不知道如何使用jquery来提取例如,所有的值出现在页面

如果要提取任何信息,可以直接从数据中实现。只需为调用添加数据类型并使用jQuery(data)来访问html

app.controller('MainController', ['$scope', '$http', function($scope, $http) {
    $scope.showImages = function() {
        $http.get('http://localhost/images/',
         dataType: "html").success(function(data) {
          // Now use this html Object as normal object and retrieve information 
          var htmlObject = jQuery(data);
          $scope.images = data;
       });
    };
}]);

如果我理解正确的话,您需要在进行任何操作之前解析HTML。

如果你想显示图像,那么你只需要从服务器获取图像的路径/url,而不是图像数据或HTML。