... |
... |
@@ -89,22 +89,31 @@ |
89 |
89 |
|
90 |
90 |
=== Beispiel für eine AJAX-Anfrage im Formular === |
91 |
91 |
|
92 |
|
-Eine bespielhafte AJAX-Anfrage, welche den aktuellen Zählerwert des Zählers //Beispielzähler// in das Feld //tf1// schreibt, könnte also wie folgt aussehen: |
|
92 |
+Eine beispielhafte AJAX-Anfrage, welche den aktuellen Zählerwert des Zählers //Beispielzähler// in das Feld //tf1// schreibt, könnte also wie folgt aussehen: |
93 |
93 |
|
94 |
94 |
{{code language="javascript"}} |
95 |
95 |
$.ajax({ |
96 |
|
- url:[ |
97 |
|
- XFC_METADATA.urls.counter_client, |
98 |
|
- "?frid=", |
99 |
|
- XFC_METADATA.currentSessionFRID, |
100 |
|
- "&name=Beispielzähler" |
101 |
|
- ].join(""), |
102 |
|
- success: function(data, textStatus, jqXHR) { |
103 |
|
- if (data.success) { |
104 |
|
- $('[data-name="tf1"]').val(data.result.value); |
105 |
|
- } else { |
106 |
|
- console.error("Zugriff auf Zähler Beispielzähler fehlgeschlagen:",data.msg); |
107 |
|
- } |
108 |
|
- } |
|
96 |
+ method: "GET", |
|
97 |
+ url: XFC_METADATA.urls.counter_client, |
|
98 |
+ data: { |
|
99 |
+ name: "Beispielzähler", |
|
100 |
+ frid: XFC_METADATA.currentSessionFRID, |
|
101 |
+ } |
|
102 |
+}).then(function(data) { |
|
103 |
+ if (data.success) { |
|
104 |
+ $('[data-name="tf1"]').val(data.result.value); |
|
105 |
+ } else { |
|
106 |
+ console.warn("Zugriff auf Zähler Beispielzähler fehlgeschlagen:", data.msg); |
|
107 |
+ } |
|
108 |
+}).catch(function(jqXHR, errorTextStatus, errorThrown) { |
|
109 |
+ console.warn("Zugriff auf Zähler Beispielzähler fehlgeschlagen:", errorThrown, "(" + errorTextStatus + ")"); |
109 |
109 |
}); |
110 |
110 |
{{/code}} |
|
112 |
+ |
|
113 |
+=== Einfügen eines Templates für eine AJAX-Anfrage im Formular === |
|
114 |
+ |
|
115 |
+{{figure image="counter_query_de.png"}}Auswahl des Templates für die Zähler-Abfrage im JavaScript-Bereich des Formulardesigners.{{/figure}} |
|
116 |
+ |
|
117 |
+Ein Template, welches der obenstehenen Beispielfunktion ähnliche ist, kann auch per Autocomplete direkt im JavaScript-Bereich des Formulardesigners eingefügt werden. Hierzu muss hintereinander {{code language=none}}Zähler{{/code}}eingegeben werden und die vom Autocomplete vorgeschlagene Option //Zähler-Abfrage// mit einem Klick oder mit den Pfeiltasten ausgewählt und der der Enter-Taste bestätigt werden. |
|
118 |
+ |
|
119 |
+Nachdem das Template eingefügt wurde, müssen die benötigten Funktionaltitäten hinzugefügt und der Name des Zählers abgeändert werden. |