Kommentare zu: Asynchrone Datenübertragung zwischen TYPO3 und jQuery

Von: martin

martin — Wed, 19 May 2010 14:31:11 +0000

hallo paul,
super tutorial, damit hab ich endlich meine erste ajaxbridge zu typo3 gebaut!
danke dir!
martin

Von: Paul

Paul — Sat, 15 May 2010 14:36:42 +0000

Hallo, vielen Dank für die Kommentare! Lina, du hast vollkommen Recht mit deinen Anmerkungen. Eine Alternative zu return false; ist auch die Funktion preventDefault() die im Eventobjekt vorhanden ist. Die kann man auch am Anfang aufrufen:

$('form').submit(function(e) {
e.preventDefault();
// ... weiterer code

Stefan, anstatt eines eigenen PHP Scripts solltest du eine TYPO3 Extension erstellen. Mit dem Kickstarter ist das relativ easy. In der stehen dir dann auch alle TYPO3 Datenbankschnittstellen zur Verfügung!

Und Jayden, du hast es inzwischen sicher schon selbst heraus gefunden. In der Ajaxfunktion von jQuery kannst du mit type: “POST” eine Postabfrage starten. Nichts leichter als das

Schöne Grüße, Paul

Von: Stefan

Stefan — Tue, 11 May 2010 07:04:08 +0000

Hallo, ich habe mal ne Frage zu dem Tutorial, denn ich stehe gerade vor nem Problem und wollte mal fragen ob man das hiermit realisieren kann? Ich habe zur Zeit auch eine Vorschlagsfunktion in meinem Skript integriert. Allerdings binde ich es in meiner Extension durch eine Javascrtipt Datei ein, aus der JS Datei wird dann auf eine PHP Datei zugegriffen in der sich die Datenbankabfrage befindet. Das ist so natürlich nicht gut, denn mir stehen die Typo3 eigenen Datenbankabfragen nicht zu Verfügung. Habt ihr ne Idee wie ich das am BEsten machen könnte. Ich wäre so dankbar. So ist es zur Zeit:

In meiner Extension integriere ich das Javascript:

Da drinne wird der Inhalt aus dem Eingabefeld an die PHP Datei übergeben und die Abfarge gemacht:

var s1 = new Autocomplete(”tx_aasregister_pi1[searchWordSubCategories]“, function() {

this.setValue = function( id ) {
document.getElementsByName(”staffID”)[0].value = id;
}

// If the user modified the text but doesn’t select any new item, then clean the hidden value.
if ( this.isModified )
this.setValue(”");

// return ; will abort current request, mainly used for validation.
// For example: require at least 1 char if this request is not fired by search icon click
if ( this.value.length < 1 && this.isNotClick )
return ;

// Replace .html to .php to get dynamic results.
// .html is just a sample for you
return "typo3conf/ext/aas_register/pi1/vorschlag/ausgabe_produkt_dienstleistung.php?q=" + this.value;
// return "completeEmpName.php?q=" + this.value;
});

Nur wie kann ich das nun mit Jquery und Typo3 machen? Bitte helft mir! Danke

Von: Ajax unter TYPO3? eID machts einfach! | Jim Superfly

Ajax unter TYPO3? eID machts einfach! | Jim Superfly — Sun, 18 Apr 2010 20:00:59 +0000

[...] Ajax Forms with jQuery Asynchrone Datenübertragung zwischen TYPO3 und jQuery [...]

Von: Lina Wolf, Marit AG

Lina Wolf, Marit AG — Thu, 04 Mar 2010 09:52:57 +0000

Hi Paul,
Vielen Dank für da tolle Tutorium. Allerdings funktioniert die Parameterübergabe so leider nicht, sondern es müsste heißen:
data: {
eID: “MEINE_eID”, // die erstellte eID
input: $(”#assi input[type=text]“).attr(’value’) // Benutzereingabe
},
Da data Strings und keine Objekte als Eingabe erwartet muss man das entsprechende Attribut hier auslesen.
Außerdem sollten Abfrage von GET- und POST-Paramtern für größtmögliche Unabhängigkeit von Webserverkonfigurationen grundsätzlich nur über die entsprechenden TYPO3-API Funktionen, z.B. mit t3lib_div::_GET() oder t3lib_div:_GP($var) erfolgen. Dies Funktioniert auch im Zusammenhang mit der eID einwandfrei 

Zum Aufruf aus HTML heraus bleibt noch zu sagen, dass man im Fall von Ajax nicht aus JQuery heraus verhindern kann, dass das Formular abgesendet wird. Hier ein Beispiel, wie das Formular aussehen müsste:

Wichtig ist das onsubmit=”return false”. Es verhindert ein frühzeitiges absenden des Formulars bevor eine Ajax Antwort kam.
Liebe Grüße aus München – Lina

Von: Jayden

Jayden — Tue, 05 Jan 2010 13:23:40 +0000

Hi, finde das Tutorial eigentlich auch ganz gut und versuche gerade das umzusetzen, allerdings würde ich gerne POST verwenden. Wie würde denn ein html-Link aussehen, der die JQUERY-Funktion aufruft und die Argumente übergeibt?

Cheers, Jayden

Von: Paul

Paul — Sat, 21 Nov 2009 14:53:41 +0000

Danke Michael, du hast vollkommen recht. Ist korrigiert.

Von: Michael

Michael — Sat, 21 Nov 2009 07:58:47 +0000

Kleiner fehler: FALSCH: [{"name":"paul","like":"Webstandards"},{"ramon":"ramon","like":"Bier"},{"name":"max","like":"Sport"}] RICHTIG: [{"name":"paul","like":"Webstandards"},{"name":"ramon","like":"Bier"},{"name":"max","like":"Sport"}]

Von: Paul

Paul — Thu, 30 Jul 2009 19:36:19 +0000

Cache löschen ist sehr wichtig!!!

Außerdem muss man beachten, dass der Parameter wirklich mit zwei Großbuchstaben geschrieben wird:

index.php?eID=meine_ext

Erspart auch viel arbeit

Von: Chris

Chris — Wed, 24 Jun 2009 09:12:17 +0000

Hallo,
das ist ein ausgesprochen gutes Tutorial, Kompliment!!
Das einzige was ich noch erwähnen würde, das man nach dem Konfigurieren der ext_localconf und dem einsetzen des eigenen Scriptes (Vorbereitung mit Typo3) im Backend den Cache löschen sollte, bevor man in den Error Log schaut. … erspart viel Arbeit .

Grüße