The call for this function is very similar to that jQuery ajax() call that is commonly used, but will instead set an XHR object and send it. In this example there is a prebuilt function named ajax() that simplifies the syntax of that call:

Source code: GraphQL syntax to retrieve contentįor the first GraphQL request, populate the XMLHttpRequest object before sending it.

Parsing the retrieved JSON object and generate HTML accordingly.Populating an XHR object in order to retrieve content from Jahia through a Graphql query.The example consists of 2 main javascript parts: XMLHttpRequest is an API in the form of an object whose methods transfer data between a web browser and a web serverĪccess the prebuilt jQuery example of how to retrieve content from a Jahia instance. Implementing GraphQL calls in jQuery XMLhttprequest object In this tutorial, you will see how to build a simple javascript page pulling content from jContent. Access to a Jahia system with appropriate permissions OR access to the free Jahia Cloud trial environment.To get started with the jQuery tutorial you will need: This tutorial builds upon the concepts you learned in that tutorial as well as the web project and content type definitions discussed previously. Prior to starting this tutorial, you should have already completed the headless tutorial.

Jquery tutorial