Bad Request Error when invoking third party Restful web services via .json

[#1]

Hi 

We are trying to call the third party REST service in AEM 6.1 and following the example as per below URL.

https://helpx.adobe.com/experience-manager/using/restful-services.html

This example is working when we are creating the template and render the component that uses template. But when we are trying to create the separate component and using that component in some other template the it is not working and throwing the error like "Unable to retrieve data Bad request 400 (Bad Request)" (see the attached screenshot). Any idea what we are missing? or it will work only in case of render component that uses the template only not with separate component?

Thanks

~S

Bad_Request.PNG ‏54 KB

[#2]

Hi Kautuk,

Thanks for troubleshooting but I just tried this also but it is not working.

It is working when we are using the same code base in to template renders component's directly.

 Case 1: Working -- when keeping the code in template renders component
 Case 2: Not working-- when keeping the code in to separate standalone component and dropping the component in different template page
Please have look at this video (I have captured both working and non-working cases) :

LINK:https://sameryadav.tinytake.com/sf/OTQ1NTEzXzM5NzI1NjQ

Thanks

Samer