updating bean from javascript

Question

I have a .xhtml page from which I launch a javascript, inside this javascript I would like to update the content of a bean, the easiest way I have found to do this is by adding a hidden form and linking said bean's property to its value:

index.xhtml

<h:form id="poi-form" styleClass="invisible">
    <h:inputHidden id="poi" value="#{userBean.email}" />
</h:form>

javascriptfile.js

function handleEmailResponse(resp) {
    document.getElementById('poi-form:poi').value = 'usersNewEmailValue';
    window.location.replace("timeline.xhtml");
}

However, from the timeline.xhtml the value isn't the one I expected (as if it isn't updated) since I see the users old email value set in

userBean.java

@PostConstruct
public void init() {
    email = "usersOldEmailValue;    
}

Am I forgetting something? Thanks in advance for your help!

which JSF version? and why are you using javascript to navigate to another page? could you explain further maybe we can suggest a better approach — Tarik
– Tarik, Commented Feb 23, 2015 at 1:10
@Tarik I'm using javascript to navigate to another page as the javascript I am using is from a 3rd party (google plus sign in) that I must use in my project.... — Eduard
– Eduard, Commented Feb 23, 2015 at 9:28
why not making ajax call? maybe you can find a solution that sweets you here: stackoverflow.com/questions/8567114/… — Tarik
– Tarik, Commented Feb 23, 2015 at 14:50

xycf7 · Accepted Answer · 2015-02-23 00:35:39Z

2

You are actually forgetting submitting the form, so the server side could update your model.

Also, if you are using PrimeFaces, you can use p:remoteCommand as well.

answered Feb 23, 2015 at 0:35

xycf7

9136 silver badges11 bronze badges

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

2 Comments

Eduard Over a year ago

I have updated my code with: function handleEmailResponse(resp) { document.getElementById('poi-form:poi').value = 'usersNewEmailValue'; document.getElementById('poi-form').submit(); window.location.replace("timeline.xhtml"); } Yet still nothing is updated in the bean... thanks for the tip though!

xycf7 Over a year ago

you are navigating away from the page before the form submit finishes. you should do the location update after form submission completed. your browser probably cannot find enough time to perform the form submit, since you immediately tell it to navigate away from the page.

Eduard · Accepted Answer · 2015-02-23 22:31:26Z

Fixed using the following code:

index.xhtml

<h:form id="poi-form" styleClass="invisible">
   <input type="text" id="poiemail" name="poiemail" />
    <h:commandButton action="#{userBean.updateData()}" id="miAwesomeButton" value="I'm clicked by javascript"/>
</h:form>

javascriptfile.js

function handleEmailResponse(resp) {
    document.getElementById('poiemail').value = 'usersNewEmailValue';
    document.getElementById('poi-form:miAwesomeButton').click();
}

userBean.java

public String updateData() {
        HttpServletRequest request = (HttpServletRequest)FacesContext.getCurrentInstance().getExternalContext().getRequest();
        this.email= request.getParameter("poiemail");
        return "redirectURL";
}

Collectives™ on Stack Overflow

updating bean from javascript

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related