Can we include components using javascript? | Community
Skip to main content
Jai1122
Jai1122
Level 4
October 16, 2015
Solved

Can we include components using javascript?

  • October 16, 2015
  • 4 replies
  • 1160 views

Hi All,

    We can include existing components in new component by adding,

        <cq:include path="" resourceType="" />

Is it possible to achieve the same using javascript?

Like,

<script type="text/javascript">

    var temp    =    "<cq:include path="sometext" resourceType="existing/component/path" />"

  if(some condition){

        $("#somediv").append(temp);

}

</script>

 

The above code is jus an illustration. I am into a situation where i have to use javascript to include a existing component.

Suggestions please.

Thanks,

Jai

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 zeeshanKhan0786

hi,

As we know javascript Run on client Side and the component include will be run on server and it send html response to the browser .

<script type="text/javascript"> var temp    =    "<cq:include path="sometext" resourceType="existing/component/path" />" if(some condition){ $("#somediv").append(temp); } </script>

As per your above script the output embedded with that id is String only not component it will simply print 

<cq:include path="sometext" resourceType="existing/component/path" />

So it can not be included at client side script.

But we can achieve by seprate execution of that component into server and send the response as html and then we can get it by jquery to request that component and get Json as a response or xml as a response and include into that id so it will give write result because the response is handle by client side.

4 replies

zeeshanKhan0786
zeeshanKhan0786Accepted solution
Level 5
October 16, 2015

hi,

As we know javascript Run on client Side and the component include will be run on server and it send html response to the browser .

<script type="text/javascript"> var temp    =    "<cq:include path="sometext" resourceType="existing/component/path" />" if(some condition){ $("#somediv").append(temp); } </script>

As per your above script the output embedded with that id is String only not component it will simply print 

<cq:include path="sometext" resourceType="existing/component/path" />

So it can not be included at client side script.

But we can achieve by seprate execution of that component into server and send the response as html and then we can get it by jquery to request that component and get Json as a response or xml as a response and include into that id so it will give write result because the response is handle by client side.

Jai1122
Jai1122Author
Level 4
October 16, 2015

Hi,

  My above code actually prints the entire existing component code if i try to view source.

    My use case is i am making an Ajax Call getting a JSON Array of objects as response[which consists of child pages of a particular page]. I am iterating through the JSON Array to display the pages.At the end of each page i have to include one more custom component. 

Is there any way to achieve this?

zeeshanKhan0786
zeeshanKhan0786
Level 5
October 16, 2015

ya it will print  whole code because browser doesnt execute java or jsp so it will print whole.

Ya according to my knowledge you can do this ...

At the end of the page is displayed you can hit the url as ajax call and the get the data of the component in the json formet and embed it where you want.

you can try this may achieve your goal.

Jai1122
Jai1122Author
Level 4
October 16, 2015

Ok I will try that. Many thanks zeeshan khan

Terms & ConditionsAccessibility statement

Loading footer...