Dieses Beispiel baut im Hintergrund der aktuellen Seite eine Verbindung mit Eurem Server auf und ruft dort die ajax.php auf. Diese Datei enthält ein einfaches echo mit festem Inhalt, den wir uns nun über einen Klick auf unser HTML-Element ausgeben lassen wollen.

Link zum Beispiel

Dazu muss zu erst die ajax.php mit entsprechendem Inhalt gefüllt werden:

ajax.php:

<?php
echo 'Hallo alle miteinander';
?>

Füllt folgende Felder meiner Extension sfjquery:

HTML:

<div id="ajax">Klick mich</div>

domscript:

$('#ajax').click(function() {
  $.post('index.php?eID=sfajax', function(data) {
    alert(data);
  });
});

In diesem Beispiel wollen wir unserer ajax.php eine Variable übergeben. Der Inhalt dieser Variable soll von der ajax.php zurückgeliefert werden und dann in der alert-Box wieder angezeigt werden.

Link zum Beispiel

Dazu muss zu erst die ajax.php mit entsprechendem Inhalt gefüllt werden:

ajax.php

<?php
echo t3lib_div::_GP('variable');
?>

Folgende Felder füllen wir in der sfjquery:

HTML:

<div id="ajax">Klick mich</div> 

domscript

$('#ajax').click(function() {
  $.post('index.php?eID=sfajax', {variable:'Hallo zusammen'}, function(data) {
    alert(data);
  });
});

In diesem Beispiel wollen wir unserer ajax.php den Text eines HTML-Tags übergeben. Der Inhalt dieser Variable wird von der ajax.php zurückgeliefert und dann in der alert-Box wieder angezeigt.

Link zum Beispiel

Dazu muss zu erst die ajax.php mit entsprechendem Inhalt gefüllt werden:

ajax.php

<?php
echo t3lib_div::_GP('variable');
?>

Folgende Felder füllen wir in der sfjquery:

HTML:

<div id="ajax">Klick mich und dieser Text wird zu unserer ajax.php gesendet</div> 

domscript

$('#ajax').click(function() {
  $.post('index.php?eID=sfajax', {variable:$('div#ajax').text()}, function(data) {
    alert(data);
  });
}); 

In diesem Beispiel will ich Euch zeigen, wie Ihr einen Wert aus der Datenbank zurückbekommen könnt. Ausgegeben wird der Wert wieder in unserer Alert-Box.

Link zum Beispiel

Dazu muss zu erst die ajax.php mit entsprechendem Inhalt gefüllt werden:

ajax.php

<?php
$GLOBALS['TYPO3_DB']->connectDB();
$res = $GLOBALS['TYPO3_DB']->exec_SELECTquery( 'username', 'fe_users', 'disable = 0 AND usergroup=1', '','','1');
$row = $GLOBALS['TYPO3_DB']->sql_fetch_row($res);
echo 'Benutzername: '.$row[0];
?>

Folgende Felder füllen wir in der sfjquery:

HTML:

<div id="ajax">Klick mich</div> 

domscript

$('#ajax').click(function() {
  $.post('index.php?eID=sfajax', function(data) {
    alert(data);
  });
});

Dieses Beispiel ist ähnlich dem Beispiel von der Datenbank. Voraussetzung für dieses Beispiel ist, dass du auf meiner Seite angemeldet sein musst. Das ist aber kein Thema: Ich hab für Euch den User: ajax-testuser mit dem Passwort: trallalablabla eingerichtet. Damit könnt Ihr Euch auf meiner Seite einloggen. Im Gegensatz zu dem Datenbank-Beispiel holen wir uns hier die Daten nicht aus der Datenbank, sondern aus dem $GLOBALS['TSFE']-Array.

Link zum Beispiel

Dazu muss zu erst die ajax.php mit entsprechendem Inhalt gefüllt werden:

ajax.php

<?
$TSFE = t3lib_div::makeInstance('tslib_fe',  $TYPO3_CONF_VARS);
$TSFE->connectToDB();
$TSFE->initFEuser();
if($GLOBALS['TSFE']->fe_user->user['username'] == '') {
  echo 'Sie sind nicht angemeldet';
}else {
  echo 'Username: '.$GLOBALS['TSFE']->fe_user->user['username'];
}
?>

HTML:

<div id="ajax">Klick mich</div> 

domscript

$('#ajax').click(function() {
  $.post('index.php?eID=sfajax', function(data) {
    alert(data);
  });
});