How to show list of Products coming from spring rest webservice on html page

Question

I have created a spring RESTFul web service using spring boot, spring-data. This url(/api/products) returns a list of product object in json format.

This is my all spring data rest service code for repository and controller

@RepositoryRestResource
public interface ProductRepository extends PagingAndSortingRepository<Product, Long> {
}

And below is the json response

products: [ 

    {
    description: "some product 1",
    price: 100,
    imageUrl: "image url",
    _links: {
    self: {
    href: "http://localhost:8080/products/1"
    },
    product: {
    href: "http://localhost:8080/products/1"
    }
    }
    },
    {
    description: "some product 2",
    price: 200,
    imageUrl: "image url",
    _links: {
    self: {
    href: "http://localhost:8080/products/2"
    },
    product: {
    href: "http://localhost:8080/products/2"
    }
    }
    }
    ]

Q. How to consume this rest path on client side and display it on html page in tabular format ?

Answer 1

I did it using jquery ajax, datatables also give some nice look with bootstrap