AJAX in TYPO3 Extensions - Versionsgeschichte

134.3.241.116: /* Weitere Beispiele */

2012-11-27T11:13:50Z

Weitere Beispiele

134.3.241.116: /* Typolink Rendern */

2012-11-27T11:03:57Z

Typolink Rendern

134.3.241.116: /* Typolink Rendern */

2012-11-27T10:48:08Z

Typolink Rendern

134.3.241.116: /* Der eid Mechanismus und AJAX */

2012-11-26T16:29:24Z

Der eid Mechanismus und AJAX

134.3.241.116: /* Weitere Beispiele */

2012-11-26T16:09:31Z

Weitere Beispiele

134.3.241.116: /* Weitere Beispiele */

2012-11-26T16:06:16Z

Weitere Beispiele

134.3.241.116: /* Links */

2012-11-26T16:03:36Z

Links

134.3.241.116: /* Links */

2012-11-19T16:33:49Z

Links

Kholja: /* eID AJAX mit jQuery und JSON Beispiel */

2012-11-05T09:34:29Z

eID AJAX mit jQuery und JSON Beispiel

Kholja: /* eID AJAX mit jQuery und JSON Beispiel */

2012-11-05T09:01:30Z

eID AJAX mit jQuery und JSON Beispiel

@@ Zeile 352: / Zeile 352: @@
 == Weitere Beispiele ==
 === Cash leeren ===
 Da die deaktivierung des Cache nicht empfehlenswert ist folgende Lösung mit generatePage_preProcessing() (Quelle: http://www.typo3lexikon.de/typo3-tutorials/eid-und-ajax/eid-beispiele.html Zugriff: 2012-11)

← Nächstältere Version		Version vom 27. November 2012, 11:03 Uhr
Zeile 431:		Zeile 431:

	=== Typolink Rendern ===		=== Typolink Rendern ===
−	~~Funktioniert so nicht bei mir !~~
−
−	~~Quelle: http://www.typo3lexikon.de/typo3-tutorials/eid-und-ajax/eid-beispiele.html Zugriff: 2012-11~~
−
−	~~'''Beispiel: TypoLink'''~~
−
−	~~Ich habe über mein Kontaktformular die Frage erhalten, wie man denn über die ajax.php einen TypoLink erzeugen kann und tatsächlich...sehr einfach war das nicht gerade.~~
−
−	Ich hab mir dazu mal den Quellcode von der TypoLink-Funktion angeschaut und hab festgestellt, dass dort unteranderem auch auf das TypoScript von meinem Template zugegriffen wird und dass die PageID benötigt wird. Unsere ajax.php besitzt aber gar keine PageID! Also habe ich unserer ajax.php die PageID mitgegeben, von der aus ich die ajax.php aufrufe (in meinem Fall die 154). Weiter unten fülle ich mit getConfigArray die TypoScriptvariable auf und so kann dann auch die Funktion TypoLink endlich auf den config-Bereich meines Templates zugreifen.
−
−	~~Dazu muss zu erst die ajax.php mit entsprechendem Inhalt gefüllt werden:~~
−
−	~~'''ajax.php'''~~
−	~~<pre>~~
−	<?
−	~~$TSFE = t3lib_div::makeInstance('tslib_fe', $TYPO3_CONF_VARS, 154);~~
−	~~$TSFE->connectToDB();~~
−	~~$TSFE->initFEuser();~~
−	~~$TSFE->checkAlternativeIdMethods();~~
−	~~$TSFE->clear_preview();~~
−	~~$TSFE->determineId();~~
−	~~$TSFE->initTemplate();~~
−	~~$TSFE->getConfigArray();~~
−
−	~~$conf['parameter'] = '3';~~
−	~~$cObj = t3lib_div::makeInstance('tslib_cObj');~~
−	~~echo $cObj->typoLink('Ich bin ein von PHP generierter Link zu einer anderen Seite', $conf);~~
−	?>
−	~~</pre>~~
−
−	~~'''HTML:'''~~
−	~~<pre>~~
−	~~<div id="ajax">Klick mich</div>~~
−	~~<div id="typolink"></div>~~
−	~~</pre>~~
−	~~'''domscript'''~~
−	~~<pre>~~
−	~~$('#ajax').click(function() {~~
−	~~$.post('index.php?eID=sfajax', function(data) {~~
−	~~$('#typolink').html(data);~~
−	~~});~~
−	~~});~~
−	~~</pre>~~

	== Probleme mit cc_debug und JSON Objekten ==		== Probleme mit cc_debug und JSON Objekten ==

@@ Zeile 411: / Zeile 411: @@
 ?>
 </pre>
 === Typolink Rendern ===
 Quelle: http://www.typo3lexikon.de/typo3-tutorials/eid-und-ajax/eid-beispiele.html Zugriff: 2012-11

@@ Zeile 98: / Zeile 98: @@
 </pre>
 Das war es soweit, wenn Ihr noch fragen dazu habt stellt Sie einfach über die Kommentarfunktion.
 == eID AJAX mit jQuery und JSON Beispiel ==

← Nächstältere Version		Version vom 26. November 2012, 16:09 Uhr
Zeile 384:		Zeile 384:
	?>		?>

		+	</pre>
		+
		+	=== Typolink Rendern ===
		+
		+	Quelle: http://www.typo3lexikon.de/typo3-tutorials/eid-und-ajax/eid-beispiele.html Zugriff: 2012-11
		+
		+	'''Beispiel: TypoLink'''
		+
		+	Ich habe über mein Kontaktformular die Frage erhalten, wie man denn über die ajax.php einen TypoLink erzeugen kann und tatsächlich...sehr einfach war das nicht gerade.
		+
		+	Ich hab mir dazu mal den Quellcode von der TypoLink-Funktion angeschaut und hab festgestellt, dass dort unteranderem auch auf das TypoScript von meinem Template zugegriffen wird und dass die PageID benötigt wird. Unsere ajax.php besitzt aber gar keine PageID! Also habe ich unserer ajax.php die PageID mitgegeben, von der aus ich die ajax.php aufrufe (in meinem Fall die 154). Weiter unten fülle ich mit getConfigArray die TypoScriptvariable auf und so kann dann auch die Funktion TypoLink endlich auf den config-Bereich meines Templates zugreifen.
		+
		+	Dazu muss zu erst die ajax.php mit entsprechendem Inhalt gefüllt werden:
		+
		+	'''ajax.php'''
		+	<pre>
		+	<?
		+	$TSFE = t3lib_div::makeInstance('tslib_fe', $TYPO3_CONF_VARS, 154);
		+	$TSFE->connectToDB();
		+	$TSFE->initFEuser();
		+	$TSFE->checkAlternativeIdMethods();
		+	$TSFE->clear_preview();
		+	$TSFE->determineId();
		+	$TSFE->initTemplate();
		+	$TSFE->getConfigArray();
		+
		+	$conf['parameter'] = '3';
		+	$cObj = t3lib_div::makeInstance('tslib_cObj');
		+	echo $cObj->typoLink('Ich bin ein von PHP generierter Link zu einer anderen Seite', $conf);
		+	?>
		+	</pre>
		+
		+	'''HTML:'''
		+	<pre>
		+	<div id="ajax">Klick mich</div>
		+	<div id="typolink"></div>
		+	</pre>
		+	'''domscript'''
		+	<pre>
		+	$('#ajax').click(function() {
		+	$.post('index.php?eID=sfajax', function(data) {
		+	$('#typolink').html(data);
		+	});
		+	});
	</pre>		</pre>

← Nächstältere Version		Version vom 26. November 2012, 16:06 Uhr
Zeile 325:		Zeile 325:

	== Weitere Beispiele ==		== Weitere Beispiele ==
		+	=== Cash leeren ===
		+	Da die deaktivierung des Cache nicht empfehlenswert ist folgende Lösung mit generatePage_preProcessing() (Quelle: http://www.typo3lexikon.de/typo3-tutorials/eid-und-ajax/eid-beispiele.html Zugriff: 2012-11)
		+
		+	<pre>
		+	<?php
		+	$TSFE = t3lib_div::makeInstance('tslib_fe', $TYPO3_CONF_VARS);
		+	$TSFE->connectToDB();
		+	$TYPO3_DB->exec_insertQuery(blablabla);
		+	$TSFE->generatePage_preProcessing();
		+	echo 'Ihre Daten wurden erfolgreich gespeichert und der Cache dieser Seite neu aufgebaut.';
		+	?>
		+	</pre>
		+	=== Flash Authorisierung ===
	Angewendet in der kleinen Extension gbflashauth. Über einen Flash Movie wird die url aufgerufen und zurückgegeben ob der User eingeloggt ist und mit welchem Namen.		Angewendet in der kleinen Extension gbflashauth. Über einen Flash Movie wird die url aufgerufen und zurückgegeben ob der User eingeloggt ist und mit welchem Namen.

← Nächstältere Version		Version vom 26. November 2012, 16:03 Uhr
Zeile 6:		Zeile 6:

	http://www.interaktionsdesigner.de/2009/01/04/asynchrone-datenubertragung-zwischen-typo3-und-jquery/		http://www.interaktionsdesigner.de/2009/01/04/asynchrone-datenubertragung-zwischen-typo3-und-jquery/
		+
		+	http://www.typo3lexikon.de/typo3-tutorials/eid-und-ajax/eid-beispiele.html

	=== Typo3 Skripte ohne Rendering ===		=== Typo3 Skripte ohne Rendering ===

@@ Zeile 1: / Zeile 1: @@
 == Übersicht ==
 === Links ===
 http://prototypejs.org/learn/introduction-to-ajax

← Nächstältere Version		Version vom 5. November 2012, 09:34 Uhr
Zeile 185:		Zeile 185:

	http://localhost/typo3_test/index.php?id=178&eID=gbglossaryeid		http://localhost/typo3_test/index.php?id=178&eID=gbglossaryeid
		+
		+	=== JSON Daten per jQuery AJAX holen und in der Webseite darstellen ===
		+	jQuery macht das Handling einfach.
		+
		+	In unserer HP können wir so etwas bauen:
		+	<pre>
		+	<input id="myButton" type="button" value="AJAX-Test" />
		+	<div id="myContainer"></div>
		+	<script type="text/javascript">
		+	$(document).ready(function() {
		+	$("#myButton").click(function(){
		+	$.getJSON("index.php?eID=gbglossaryeid", function(data){
		+	$.each(data,function(key,obj){
		+	$("#myContainer").append('<div>' + key + ' ' + obj.terms_title + '</div>');
		+	});
		+	});
		+	});
		+	} );
		+	</script>
		+	</pre>
		+
		+	Zuerst wird auf dem Button myButton ein Click Handler angelegt, der wiederum löst eine JSON Anfrage an unsere PHP Datei aus. Diese gibt den JSON String zurück. Der String wird in einer each Schleife durchlaufen und alle Titel werden in das Div myContainer geschrieben.

	== eid ajax mit Prototype Beispiel ==		== eid ajax mit Prototype Beispiel ==

← Nächstältere Version		Version vom 5. November 2012, 09:01 Uhr
Zeile 96:		Zeile 96:

	== eID AJAX mit jQuery und JSON Beispiel ==		== eID AJAX mit jQuery und JSON Beispiel ==
		+	Beispiel der Extension gbglossary
		+	=== eID Parameter registrieren ===
		+	'''ext_localconf.php'''
		+	// Register eid
		+	$TYPO3_CONF_VARS['FE']['eID_include']['gbglossaryeid'] = 'EXT:gbglossary/eid/class.gbglossary_eid.php';
		+
		+	Typo3 sucht nach der angegebenen Klasse wenn der Parameter
		+	eID=gbglossaryeid in der URL angegeben wird.
		+
		+	=== PHP Klasse erstellen ===
		+	Über die Klasse tx_gbglossary_eid holen wir uns alle Datensätze aus der Datenbank und geben Sie als JSON Objekt aus.
		+
		+	'''class.gbglossary_eid.php'''
		+	<pre>
		+	<?php
		+	if (!defined ('PATH_typo3conf')) die ('Access denied: eID only.');
		+	require_once(PATH_tslib . 'class.tslib_pibase.php');
		+
		+	class tx_gbglossary_eid extends tslib_pibase {
		+	var $prefixId = 'tx_gbglossary_eid';// Same as class name
		+	var $scriptRelPath = 'eid/class.tx_gbglossary_eid.php'; // Path to this script relative to the extension dir.
		+	var $extKey = 'gbglossary';// The extension key.
		+
		+	function eid_main() {
		+	$GLOBALS['TSFE']->fe_user = tslib_eidtools::initFeUser();
		+	tslib_eidtools::connectDB();
		+
		+	// Create select
		+	$select = '';
		+	$dbFields = array(
		+	'tx_gbglossary_terms.uid AS terms_uid',
		+	'tx_gbglossary_terms.title AS terms_title'
		+	);
		+	foreach ($dbFields as $key => $value){
		+	$select.=$value.', ';
		+	}
		+	$select = rtrim(rtrim($select),',');
		+	// Create from (example for n:m JOIN)
		+	$from = '';
		+	$from = '
		+	(
		+	(
		+	tx_gbglossary_terms LEFT OUTER JOIN tx_gbglossary_terms_topic_mm
		+	ON tx_gbglossary_terms.uid = tx_gbglossary_terms_topic_mm.uid_local
		+	)
		+	LEFT OUTER JOIN tx_gbglossary_topic
		+	ON tx_gbglossary_terms_topic_mm.uid_foreign = tx_gbglossary_topic.uid
		+	)
		+	';
		+	// Create where
		+	$where = '';
		+	$where = "tx_gbglossary_terms.deleted=0 AND tx_gbglossary_terms.hidden=0";
		+
		+	$res = $GLOBALS['TYPO3_DB']->exec_SELECTquery(
		+	$select,
		+	$from,
		+	$where,
		+	$groupBy='',
		+	$orderBy='',
		+	$limit=''
		+	);
		+	$arrJSON = array();
		+	while (($row = $GLOBALS["TYPO3_DB"]->sql_fetch_assoc($res))){
		+	$arrJSON[]=$row;
		+	}
		+
		+
		+	// Wir geben der Anfrage ein JSON Objekt-Literal zurück
		+	$ajax_return_data = json_encode($arrJSON);
		+	header('Expires: Mon, 26 Jul 2000 03:00:00 GMT');
		+	header('Last-Modified: ' . gmdate( "D, d M Y H:i:s" ) . 'GMT');
		+	header('Cache-Control: no-cache, must-revalidate');
		+	header('Pragma: no-cache');
		+	header('Content-Length: '.strlen($ajax_return_data));
		+	header('Content-Type: application/json; charset=UTF-8');
		+	echo $ajax_return_data;
		+	exit;
		+	}
		+	}
		+
		+	$extensionkey = t3lib_div::makeInstance('tx_gbglossary_eid');
		+	$extensionkey->eid_main();
		+
		+	?>
		+	</pre>
		+
		+	Der Test im Browser zeigt einen schönen JSON String mit den abgefragten Daten.
		+
		+	http://localhost/typo3_test/index.php?id=178&eID=gbglossaryeid

	== eid ajax mit Prototype Beispiel ==		== eid ajax mit Prototype Beispiel ==