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
– Shanky Munjal

2015-06-05 09:47:35 +00:00
Commented Jun 5, 2015 at 9:47 — Shanky Munjal
– Shanky Munjal, Commented Jun 5, 2015 at 9:47

Nikhil Aggarwal · Accepted Answer · 2015-06-05 09:51:38Z

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 5, 2015 at 9:51

Nikhil Aggarwal

28.5k4 gold badges46 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

svatsi Over a year ago

I guess that I have to use $http not $http.get in order to add data type.

svatsi Over a year ago

I don't understand how to retrieve e.g all td tags from that object.

Nikhil Aggarwal Over a year ago

With respect to above code, htmlObject.find("td") will give you the array of all the td tags.

Community · Accepted Answer · 2017-05-23 12:14:08Z

1

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

edited May 23, 2017 at 12:14

CommunityBot

11 silver badge

answered Jun 5, 2015 at 9:51

ibsenv

6191 gold badge7 silver badges18 bronze badges

Comments

Shanky Munjal · Accepted Answer · 2015-06-05 09:55:26Z

1

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

answered Jun 5, 2015 at 9:55

Shanky Munjal

6716 silver badges19 bronze badges

Collectives™ on Stack Overflow

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

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related