Now, let’s look at a simple front end. All this template needs to do is use Ajax to fetch the data and display it via Handlebars:
Pretty simple - document loads - we do the Ajax request - and for now - not much else. But notice I dumped the data to the console. If you’ve never seen how a query comes across the wire in JSON, it consists of two parts: A COLUMNS array that is an array of columns. (Duh.) and a DATA array which is an array of arrays. The Nth item in each array represents the Nth item in the COLUMNS array.
(As a quick aside - you can return an alternative version of query data if you pass in an additional URL argument. It’s different, but not much ‘nicer’ in terms of what we need to do here.)
So, one way to handle this would be to simply convert it into an array. You will notice our Handlebar template is expecting an array of “records” with keys mileage and traveldate. Here was my first fix:
This allows us to do the conversion and pass it to Handlebars a bit nicer:
Any thoughts? You could - of course - modify the CFC to simply return an array of structs.