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

Question

I make an $http.get request to apache server and the response is an HTML page. I would like to use jquery to some data from the HTML page.

The code of my controller is:

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

I can see that in $scope.images is stored the html page that return from server but I do not have a clue how to use jquery to extract e.g the value of all href appeared in the page.

DO u want to show image from server? – Shanky Munjal Jun 05 '15 at 09:47 — Shanky Munjal, Jun 05 '15 at 09:47

score 1 · Accepted Answer · answered Jun 05 '15 at 09:51

1

If you want to extract any information, you can achieve directly from data. Just add data type for the call and use jQuery(data) to access 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;
       });
    };
}]);

answered Jun 05 '15 at 09:51

Nikhil Aggarwal

28,197
4
43
59

I guess that I have to use $http not $http.get in order to add data type. – svatsi Jun 05 '15 at 13:04
I don't understand how to retrieve e.g all td tags from that object. – svatsi Jun 05 '15 at 19:28
With respect to above code, htmlObject.find("td") will give you the array of all the td tags. – Nikhil Aggarwal Jun 05 '15 at 19:31

score 1 · Answer 2 · edited May 23 '17 at 12:14

1

If I understand you correctly, you need to parse HTML before doing any manipulation. See this SO post.

edited May 23 '17 at 12:14

Community

1
1

answered Jun 05 '15 at 09:51

ibsenv

619
1
5
18

score 1 · Answer 3 · answered Jun 05 '15 at 09:55

1

If you want to show image then you only need path/url of image from server not image data or HTML.

answered Jun 05 '15 at 09:55

Shanky Munjal

671
5
18

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

3 Answers3