Trigger JSF ajax form programmatically via JS

Question

My goal is to call a JSF managed bean method from inside a JS function.

This is the function:

var fbLogin = function() {
                FB.login( 
                    function(response) {
                        if (response.authResponse) {
                            var access_token =   FB.getAuthResponse()['accessToken'];
                            console.log(access_token);
                            //document.getElementById("hiddenFbForm:hiddenFbToken").value = access_token;
                            //document.getElementById("hiddenFbForm:hiddenFbLoginSubmit").onclick();
                        } else {
                            console.log("ERROR");
                        }
                    }, 
                    {scope:'email'}
                );
            };

My idea was having a hidden JSF ajax form, filling a hidden field and triggering click on submit commandlink:

<h:form id="hiddenFbForm">
            <h:inputHidden id="hiddenFbToken" value="#{loginController.fbToken}" />
            <h:commandLink id="hiddenFbLoginSubmit" actionListener="#{loginController.printFbInfo()}" />
        </h:form>

However, this doesn't work. Page reloads, my printFbInfo server side method is never reached.

Do you have better ideas for calling a JSF server side bean from a JS function (programmatically, I don't want my user to click a button).

Another thing... I want the call to be AJAX, not reloading the page.

Why don't you use direct action like following: <h:commandLink id="hiddenFbLoginSubmit" action="#{loginController.printFbInfo}" /> — DRCB
– DRCB, Commented Sep 17, 2013 at 8:14
Yes I'm using Primefaces too. I wrote I don't want a direct action because 1) I don't want a user click but a programmatic click 2) I want an ajax call to my server method, no page reload — Fabio B.
– Fabio B., Commented Sep 17, 2013 at 8:20

Kishor Prakash · Accepted Answer · 2013-09-17 08:40:17Z

1

Try Removing Braces from Action listener method
instead of #{loginController.printFbInfo()} use #{loginController.printFbInfo}.

Since you are using Primefaces you could use Primefaces RemoteCommand (p:remoteCommand) to achieve this.

answered Sep 17, 2013 at 8:40

Kishor Prakash

8,19112 gold badges68 silver badges95 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Fabio B. Over a year ago

Primefaces remote command was the way to go. Thank you. I wonder how this could be done without Primefaces however. :)

Collectives™ on Stack Overflow

Trigger JSF ajax form programmatically via JS

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related