How do I load dataTable with JSON data produced from url

beans22

Hi any help is appreciated, when I go to this URL http://localhost:8080/RaysTennisStore/products it fetches data from my database called tennis and the table called racket and the output is as below

[{"id":1,"make":"Wilson","model":"T1","head_size":"100","user_level":"Beginner","string_type":"Twin Coloured","picture":""},{"id":2,"make":"Wilson","model":"T2","head_size":"95","user_level":"Intermediate","string_type":"Twin Coloured","picture":""},{"id":3,"make":"Wilson","model":"T3","head_size":"90","user_level":"Advanced","string_type":"Titanium Stong","picture":""}]

I have tried multiple different methods to load this data into a dataTable but have been unsuccessful with only the headers/footers showing every time, it should be easy so think I am missing something small, as I said I appreciate any help, thanks in advance