JSON on page load | Community
Skip to main content
V
v1101
October 27, 2020
Solved

JSON on page load

  • October 27, 2020
  • 2 replies
  • 1147 views

Hello Community - I have a property that is having a JSON value in the page's jcr:content. Basically, I wanted to load the JSON on the page load. Can someone provide the best approach to load the JSON?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Sandeep6

Hi @v1101 ,

 

you can write a servlet and in that you can call a particular node using resource api.

Once you got the node as a resource, it is very easy to read particular property of that node using value map.

Now you can call the servlet on page load using jquery.

Please see below for sample code.

 

Resource resource = resolver.getResource("/content/sita/en_UK/x/y/jcr:content/"); 

$.ajax({
type: 'GET',
url:'/bin/sitea/servleta',
processData: false,
contentType: false,
data:formData,
success: function(msg){
alert("json");

}
});
}

 

Thanks,

Sandeep.

 

2 replies

Ravi_Pampana
Community Advisor
Ravi_PampanaCommunity Advisor
Community Advisor
October 27, 2020

Hi,

 

We can use Java-Use api or Javascript-use api to read json from the node and display in component html.

 

You can refer http://aemcorner.blogspot.com/2015/09/render-json-data-using-sightly-custom.html for example.

    V
    v1101Author
    October 27, 2020
    @ravi_pampana - The JSON property is available in jcrcontent node of the page and it is not in any of the component's node.
    S
    Sandeep6Accepted solution
    October 27, 2020

    Hi @v1101 ,

     

    you can write a servlet and in that you can call a particular node using resource api.

    Once you got the node as a resource, it is very easy to read particular property of that node using value map.

    Now you can call the servlet on page load using jquery.

    Please see below for sample code.

     

    Resource resource = resolver.getResource("/content/sita/en_UK/x/y/jcr:content/"); 

    $.ajax({
    type: 'GET',
    url:'/bin/sitea/servleta',
    processData: false,
    contentType: false,
    data:formData,
    success: function(msg){
    alert("json");

    }
    });
    }

     

    Thanks,

    Sandeep.

     

      Terms & ConditionsAccessibility statement

      Loading footer...