Access LiQL JSON with JavaScript?

Create a custom endpoint (I'm naming it as q) in the studio:

<#assign query= restadmin("2.0","/search?q=" + "SELECT id, login, email, rank.name, rank.simple_criteria.role.id FROM users"?url).data.items/>

${query}

Create a custom component (naming it as component_q) in the studio:

<#assign communityId = community.id />
<#assign communityUrl = http.request.url />
<#assign lengthOfDomain = communityUrl?index_of("/") />
<#assign communityDomain = communityUrl?substring(0,lengthOfDomain) />
${communityUrl}
${communityId}
<@liaAddScript>
;(function($){
                $.ajax({ 
                    type:"POST",                 
                    url:'${communityDomain}/plugins/custom/qa/johndowden/q',
                    contentType: 'application/json',
                    success: function(res) {
                        console.log(res);
                        console.log("Results are listed"); 
                    }.bind(this),
                    error: function(xhr, status, err) {
                        console.error(xhr, status, err.toString());
                        console.log("Unable to view the results");
                    }.bind(this)
                });
})(LITHIUM.jQuery);
</@liaAddScript>

Note: The URL must be your community URL of the endpoint in the studio.

When you add the component_q to any page in your community using studio, you can view the results in the console.

Hope this helps.

If this answers your question, would you please mark it as an accepted solution.