Retrieve external URL from backend and perform a redirection after clicking on the <p:button> element

Question

Retrieve external URL from backend and perform a redirection after clicking on the <p:button> element

I have a task that I am working on where I need to display a button. The target URL for this button is obtained by making a SOAP request to an external third party (Single Sign In) which provides the sign-in URL. I want to ensure that my page's load time is not affected by this request, so I am looking to implement the SOAP request asynchronously when the button is clicked. This will then open the URL in a new tab or window. Here is what I have tried so far:

<p:button id="ssi" target="_blank" href="#{backbean.soaprequest}" value="button name" widgetVar="ssiButton" onclick="ssiButton.disable()" />

However, this approach still waits for the SOAP request to complete before rendering the page.

I have also experimented with other solutions but have not made any progress.

I would greatly appreciate any help or suggestions you can offer. Thank you!

javascript ajax jsf soap primefaces

Answer 1

Answer №1

Here is a helpful way to do it:

Click on the button below:

<p:commandButton value="Login" 
                 actionListener="#{backbean.soaprequest()}" 
                 oncomplete="handleComplete(xhr, status, args)" />

Method soaprequest():

public void soaprequest() {
    //perform your request here, replace the link with your login URL
    RequestContext context = RequestContext.getCurrentInstance();  
    context.addCallbackParam("url", "http://google.com");//replace this with your link  
}

Javascript Function:

function handleComplete(xhr, status, args) {  
  window.location = args.url;     
}

We hope this solution works for you.

Answer 2

Here is a helpful way to do it:

Click on the button below:

<p:commandButton value="Login" 
                 actionListener="#{backbean.soaprequest()}" 
                 oncomplete="handleComplete(xhr, status, args)" />

Method soaprequest():

public void soaprequest() {
    //perform your request here, replace the link with your login URL
    RequestContext context = RequestContext.getCurrentInstance();  
    context.addCallbackParam("url", "http://google.com");//replace this with your link  
}

Javascript Function:

function handleComplete(xhr, status, args) {  
  window.location = args.url;     
}

We hope this solution works for you.

Answer 3

Answer №2

My xhtml section contains the following code snippet:

<p:outputPanel autoUpdate="true" layout="inline">
     <p:button id="ssibutton" target="_blank" href="#{backbean.link}" value="Button"/>
</p:outputPanel>

<p:remoteCommand  name="soap_request"
     process="@this"
     update="ssibutton"
     actionListener="#{backbean.url}" />

<script type="text/javascript">
    $(document).ready(function() {soap_request();});            
</script>

In the Backbean class:

private String url;

public Backbean(){
     url = " ";
}

public String getLink(){
     return url;
}

public void url(ActionEvent event){
     //Perform SOAP request to retrieve URL
     this.url;
}

Answer 4

My xhtml section contains the following code snippet:

<p:outputPanel autoUpdate="true" layout="inline">
     <p:button id="ssibutton" target="_blank" href="#{backbean.link}" value="Button"/>
</p:outputPanel>

<p:remoteCommand  name="soap_request"
     process="@this"
     update="ssibutton"
     actionListener="#{backbean.url}" />

<script type="text/javascript">
    $(document).ready(function() {soap_request();});            
</script>

In the Backbean class:

private String url;

public Backbean(){
     url = " ";
}

public String getLink(){
     return url;
}

public void url(ActionEvent event){
     //Perform SOAP request to retrieve URL
     this.url;
}

Retrieve external URL from backend and perform a redirection after clicking on the <p:button> element

Answer №1

Answer №2

Similar questions

Remove the "href" from Zend2 navigation functionality

Is it still relevant to use ng-repeat track by in AngularJS 1.6?

Discord.js Error: Unable to access undefined properties for 'username'

How to store an imported JSON file in a variable using TypeScript

Unable to see the tokens on the connect four board when using Javascript and HTML

Leveraging the power of Ajax, jQuery, and JSON within the CakePHP

Tips for Implementing Show and Hide Functionality in JavaScript

Guide to implementing nested asynchronous calls using a foreach loop

Issues within jQuery internal workings, implementing improved exception handling for fn.bind/fn.apply on draggable elements

Tips for accessing image data generated by the Bootstrap File Input plugin

The viewport width in NextJS does not extend across the entire screen on mobile devices

The challenge of populating information within a Datalist

Is there a Ruby gem similar to Readability that anyone can recommend?

Cross-site communication with Ajax using both POST and GET requests

Tips for retrieving the user-input value from an HTML text field

Testing for ajax failure using Q-Unit in a unit test

Disable form submission in MVC using a JavaScript function

Tips for retaining spaces in a multiline string when setting a helm value using cdktf

What are the steps needed to establish a distinct data scope in AngularJS along with the application of filters?

Unable to attach an event listener to an element fetched from an API