[JAVA] reload jCaptcha implémenté avec ajax

environnement

• windows7
• java7
• javaServerFaces2.2
• glassfish4.1

Chose que tu veux faire

Redessinez jcaptcha en utilisant ajax en cliquant sur le bouton recharger Si vous rechargez tout l'écran, jcaptcha sera également rechargé ...

Méthode

Succès

xhtml

<!--affichage jcaptcha-->
<div class="jcaptchaItemBlook">
　　<h:graphicImage id="jcaptchaImage" value="/jcaptcha" />
</div>

<!--pièce de montage ajax-->
<h:commandButton class="jcaptchaReloadBtn" value="Mise à jour de l'image" immediate="true">
　　`<f:ajax listener="#{controller.reload}" render="jcaptchaImage" event="click" />
</h:commandButton>

java

public String reload() throws CaptchaServiceException {
　　　　 return "#{request.contextPath}/jcapcha" + Math.floor(Math.random() * 100);
}

Exemple d'échec

xhtml

<!--affichage jcaptcha-->
<div class="jcaptchaItemBlook">
　　<img id="jcaptchaImage"  src="#{request.contextPath}/jcaptcha" />
</div>

Explication etc.

• Les parties autres que la description de l'exemple d'échec sont les mêmes que l'exemple de réussite. --Avec la balise img, la valeur n'a pas pu être définie comme valeur de retour d'ajax, donc graphicImage a été adoptée. --Lorsque "# {request.contextPath} / jcapcha" est défini dans la balise graphicImage du côté xhtml, le contextPath est affiché deux fois, supprimez-le.
• D'un autre côté, le côté java doit ajouter "# {request.contextPath} / jcapcha" comme valeur de retour.

Un incident s'est produit!

• Le problème que FireFox et IE ne s'actualisent pas même si cela fonctionne correctement avec Chrome a été découvert lors des tests!

Comment répondre

xhtml

<!--affichage jcaptcha-->
<div class="jcaptchaItemBlook">
　　<p:graphicImage id="jcaptchaImage" value="/jcaptcha" cache="false" />
</div>

• Nécessité de passer à la balise primeFaces. --Ajouter cache = "faux".

Exemple final

xhtml

<!--affichage jcaptcha-->
<h:panelGroup class="jcaptchaItemBlook">
　　<p:graphicImage id="jcaptchaImage" value="/jcaptcha" cache="false" />
</h:panelGroup>

<!--pièce de montage ajax-->
<h:commandButton class="jcaptchaReloadBtn" value="Mise à jour de l'image" immediate="true">
　　<f:ajax listener="#{controller.reload}" render="jcaptchaImage" event="click" />
</h:commandButton>

java

@Getter
@Setter
private String captchaImage;
public void reload() throws CaptchaServiceException {
　　this.setCaptchaImage("/jcaptcha");
} 

--Changé pour utiliser setter en définissant la valeur de retour sur void selon les bases de ajax. -Je pensais que c'était subtil si c'était