[JAVA] jCaptcha-Reload mit Ajax implementiert

Umgebung

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

Was du machen willst

Zeichnen Sie jcaptcha mit Ajax neu, indem Sie auf die Schaltfläche zum erneuten Laden klicken Wenn Sie den gesamten Bildschirm neu laden, wird auch jcaptcha neu geladen ...

Methode

Erfolgsgeschichte

xhtml

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

<!--Ajax-Montageteil-->
<h:commandButton class="jcaptchaReloadBtn" value="Bildaktualisierung" 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);
}

Fehlerbeispiel

xhtml

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

Erklärung usw.

• Die anderen Teile als die Beschreibung des Fehlerbeispiels entsprechen denen des Erfolgsbeispiels.
• Mit dem img-Tag konnte der Wert nicht als Rückgabewert von ajax festgelegt werden, daher wurde graphicImage übernommen. --Wenn "# {request.contextPath} / jcapcha" im Grafik-Tag auf der xhtml-Seite festgelegt ist, wird der Kontextpfad zweimal angezeigt. Löschen Sie ihn daher.
• Andererseits muss die Java-Seite "# {request.contextPath} / jcapcha" als Rückgabewert hinzufügen.

Ein Vorfall ist aufgetreten!

• Das Problem, dass FireFox und IE nicht aktualisiert werden, obwohl es mit Chrome einwandfrei funktioniert, wurde beim Testen entdeckt!

Wie soll man antworten

xhtml

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

• Muss zum primeFaces-Tag geändert werden.
• Cache hinzufügen = "false".

Letztes Beispiel

xhtml

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

<!--Ajax-Montageteil-->
<h:commandButton class="jcaptchaReloadBtn" value="Bildaktualisierung" 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");
} 

• Die Verwendung von Setter wurde geändert, indem der Rückgabewert gemäß den Grundlagen von Ajax auf void gesetzt wurde. -Ich fand es subtil, wenn es
  war, also habe ich es in <h: panelGroup> geändert. --getter / setter verwendet lombok.jar.

Klicken Sie hier für die Implementierung von jcaptcha

http://d.hatena.ne.jp/kaiseh/20090502/1241286415 http://www.in-vitro.jp/blog/index.cgi/Library/20050827_01.html

Referenzseite

https://yoshio3.com/2011/01/18/jsf-20-ajax-support/ https://stackoverflow.com/questions/5822665/jcaptcha-refresh-only-image-not-whole-page

Referenzstelle ② (das Auftreten eines Vorfalls beheben)

https://www.primefaces.org/docs/vdl/4.0/primefaces-p/graphicImage.html http://download.oracle.com/otn-pub/jcp/jsf-2.0-fr-eval-oth-JSpec/jsf-2_0-fr-spec.pdf