EXTJS need to parse response from AEM servlet and How to do? | Community
Skip to main content
A
Anonymous
October 16, 2015
Solved

EXTJS need to parse response from AEM servlet and How to do?

  • October 16, 2015
  • 7 replies
  • 1839 views

There is a case to Add a button into sidekick, which need to be disable(grey) or enable also, controlled by one condition that data stored in AEM, please see following code:

CQ.Ext.ns("MyClientLib"); var resultFromAEM; MyClientLib.ContentFinder = { addGsTranslate: function(sk){ var pagePanel = sk.panels["PAGE"]; var button = pagePanel.findBy(function(comp){ return comp["name"] == "Test_button"; }, pagePanel); if(button && button.length > 0){ return; } button = { xtype: "button", scope: sk, name: "Test_button", text: "Test Button", "context": [ CQ.wcm.Sidekick.PAGE ], handler: function(){ //... }, //TODO :  “isable” controlled by data if existed in AEM var isable = resultFromAEM; disabled:(isable) }; pagePanel.insert(11,button); sk.actns.push(button); }, }; (function(){ var result; CQ.Ext.Ajax.request({ url: "/bin/customer", method: "GET", params : { }, success: function(response) { //TODO : TO invoke servlet but how to parse response from AEM Servlet var info = Ext.decode(response.responseText);//crash here!!!!             alert(info.message); }, failure: function(response) { } }); var c = MyClientLib.ContentFinder; if( ( window.location.pathname == "/cf" ) || ( window.location.pathname.indexOf("/content") == 0)){ var SK_INTERVAL = setInterval(function(){ var sk = CQ.WCM.getSidekick(); if(sk){ clearInterval(SK_INTERVAL); c.addGsTranslate(sk); } }, 250); } })();

Servlet code:

@SlingServlet(paths = "/bin/customer", methods = "POST", metatype = true) public class CustomerServlet extends SlingAllMethodsServlet { private static final long serialVersionUID = 2598426539166789515L; protected final Logger log = LoggerFactory.getLogger(this.getClass()); @Override protected void doGet(SlingHttpServletRequest request, SlingHttpServletResponse response) throws ServerException, IOException { int result = this.getCustomerService().hasAccessToken(); JSONWriter jw = new JSONWriter(response.getWriter());                 try {                     jw.array();                     jw.object();                     jw.key("result:").value(result);                     jw.endObject();                     jw.endArray();                 } catch (JSONException e) {                     log.error("JSON Exception:", e);             } } private CustomerService getCustomerService() { BundleContext ctx = FrameworkUtil.getBundle(this.getClass()) .getBundleContext(); ServiceReference serviceReference = ctx .getServiceReference(CustomerService.class.getName()); return CustomerService.class.cast(ctx.getService(serviceReference)); } }

Anyone could help see it? Thanks a lot.

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 smacdonald2008

See this article to learn how to invoke a sling servlet from an xtype and work with the return data.

http://helpx.adobe.com/experience-manager/using/creating-custom-cq-tree.html

7 replies

A
Anonymous
October 16, 2015

Right now i try to change the client JS like below, It hint undefined.

var info = response.responseText; alert(info);  // [{"result":1}] alert(info.result); // undefined

And the servlet code is following:

jw.array(); jw.object(); jw.key("result").value(result); jw.endObject(); jw.endArray();
smacdonald2008
smacdonald2008
Level 10
October 16, 2015

What does the error message state?

A
Anonymous
October 16, 2015

This case not a dynatree control, and just only get a variable value from servlet you can see the code in it:

jw.array(); jw.object(); jw.key("result:").value(result); jw.endObject(); jw.endArray();

Then the client to get this return like below:

var info = Ext.decode(response.responseText);

But when process run this line crash, i don't know how to deal with it.

smacdonald2008
smacdonald2008
Level 10
October 16, 2015

Are you trying to encode the data so it will populate the Dynatree control? 

smacdonald2008
smacdonald2008
Level 10
October 16, 2015

The important thing about this article was to show you HOW TO invoke a servlet from an xtype. You can modify the servlet to process data in a different way and encode the return data to address your business requirements. You can return JSON, XML, key/values, etc.   

A
Anonymous
October 16, 2015

Hi scott, i change my servlet code following that article way. Like you know the xtype encapsulate it's field to JSON pairs key and value. And i just get a pair of key value from servlet and try to use this code "

 var info = Ext.decode(response.responseText); " to get return pair, but crash at the line. Do you have any solution for that? Thanks a lot.
smacdonald2008
smacdonald2008Accepted solution
Level 10
October 16, 2015

See this article to learn how to invoke a sling servlet from an xtype and work with the return data.

http://helpx.adobe.com/experience-manager/using/creating-custom-cq-tree.html

Terms & ConditionsAccessibility statement

Loading footer...