Datenbank mit Ajax modernisieren

Billie · 28. November 2008, 17:20

Okay, Danke student2312

Ich werde das jetzt ausprobieren und dann schauen was ich noch schaffe.

Billie · 1. Dezember 2008, 15:25

Ich geh davon aus, dass die ajaxPost-Funktion jetzt schon an der richtigen Stelle aufgerufen wird, nämlich beim Event Handler onclick des jeweiligen Buttons (in dem Fall ja erstmal löschen). Wenn der Button gedrückt wird, dann mach das und das...

Allerdings kommt noch immer in dieser Zeile onClick='ajaxPost(\'ajax.php\', \'ajax&\'+getFormData(\'opt_haken\'),\'tabelle\',\'loeschen\');'>"; die Fehlermeldung wegen dem einem illegal character. Ich kann das nicht zugelassene Zeichen nicht finden und solange er an dieser Stelle einen Fehler sieht, wird die Funktion nicht aufgerufen.

Wisst ihr, wo der Fehler ist?

Snowflake · 2. Dezember 2008, 01:04

Hey. Kaum schaut man länger nicht rein, wird das hier ganz schön kompliziert.^^

Probier das mal aus. Einwenig abgeändert, funktioniert das ganze bei mir so:

Quellcode

onClick=\"ajaxPost('ajax.php', 'ajax&'+getFormData('opt_haken'),'tabelle','loeschen');\"

Aber mal ein kleiner Einwurf in die Runde. Wie sieht es aus, wenn er ein Framework benutzen würde. Was halten die anderen davon? Gerade für das Problem mit dem Bearbeiten würde Prototype+Scriptaculous in Verbindung mit dem InplaceEditor das ganze ziemlich leicht ermöglichen. Naja und schöner nebeneffekt, die Ajax-Request sehen auch viel übersichtlicher aus

philippgerard · 2. Dezember 2008, 04:46

Meine Stimme hätte der Vorschlag

Billie · 2. Dezember 2008, 14:24

Snowflake schrieb:

Hey. Kaum schaut man länger nicht rein, wird das hier ganz schön kompliziert.^^

Probier das mal aus. Einwenig abgeändert, funktioniert das ganze bei mir so:

Quellcode

onClick=\"ajaxPost('ajax.php', 'ajax&'+getFormData('opt_haken'),'tabelle','loeschen');\"

Aber mal ein kleiner Einwurf in die Runde. Wie sieht es aus, wenn er ein Framework benutzen würde. Was halten die anderen davon? Gerade für das Problem mit dem Bearbeiten würde Prototype+Scriptaculous in Verbindung mit dem InplaceEditor das ganze ziemlich leicht ermöglichen. Naja und schöner nebeneffekt, die Ajax-Request sehen auch viel übersichtlicher aus

Hey Snowflake, Danke für den Verbesserungsvorschlag

Jetzt sieht die komplette Zeile so aus:

Quellcode

<input type='button' name='cmd_loeschen' value='Löschen' onClick=\"ajaxPost('ajax.php', 'ajax&'+getFormData('opt_haken'),'tabelle','loeschen');\");'>";

Beim Ausführen bekomm ich jedoch folgende Fehlermeldung ajaxPost is not defined

Snowflake · 2. Dezember 2008, 17:40

Hmm also die Zeile führst du doch im PHP-Teil aus oder?
Wenn ja ersetz das mal hiermit. Das ist bei dir jedenfalls zu viel in deinem Code => );

Quellcode

echo "<input type='button' name='cmd_loeschen' value='Löschen' onClick=\"ajaxPost('ajax.php', 'ajax&'+getFormData('opt_haken'),'tabelle','loeschen');\">";

Billie · 2. Dezember 2008, 19:19

Ja, ich führe den Code in der ajax.php aus...leider kommt die Fehlermeldung immer noch.

Wenn er meldet, dass die Funktion ajaxPost nicht definiert ist, dann kann er sie vielleicht nicht aus dem JavaScript-File aufrufen?...würde ich jetzt vermuten.

Snowflake · 2. Dezember 2008, 19:58

Billie schrieb:

Ja, ich führe den Code in der ajax.php aus...leider kommt die Fehlermeldung immer noch.

Wenn er meldet, dass die Funktion ajaxPost nicht definiert ist, dann kann er sie vielleicht nicht aus dem JavaScript-File aufrufen?...würde ich jetzt vermuten.

Ich würde dir mal vorschlagen, einfach nachdem du die javascript datei eingebunden hast die funktion zu testen und zwar schreibst du das in den body bereich:

Quellcode

<a href="javascript:; onclick="ajaxpost('test');">func test</a>

und in dem javascript part schreibst du: hinter der geschweiften klammer bei function ajaxPost(url, postData, callback, action) {
einfach einmal ein alert(url); hin. der rest kann stehen bleiben. speicher das ab, und klick dann auf den link namens "func test" wenn jetzt ein fenster aufgeht, wo test drin steht, sind wir jedenfalls schonmal ein schritt weiter.

Billie · 2. Dezember 2008, 20:03

Noch eine kleine Frage, muss ich die JavaScript Datei oben ebenfalls includen? :?:

nicht das es es jetzt daran liegt, weil das mach ich nämlich nicht

Snowflake · 2. Dezember 2008, 22:21

Ähhmm ja

Also wenn du eine datei hast.. dateiname.js musst du sie includen das geht so:

Quellcode

<script type="text/javascript" src="dateiname.js"></script>

Oder du hast den js-code direkt im script drin das geht so:

Quellcode

<script type="text/javascript">
javascriptteil
</script>

Wenn du das nicht hattest, solltest du dir vllt mal den kompletten umgang mit Javascript anschauen. Zumindestens, dass du die Basics kannst.
Ansonsten könnte das noch ein ganz schönes hin und her werden, wenn du gar keine Ahnung von Javascript hast

Billie · 3. Dezember 2008, 18:16

Da hab ich glatt vergessen die JavaScript Datei zu includen :pinch:

Allerdings wird immer noch der gleiche Fehler angezeigt. Ich werde jetzt noch die anderen Tips ausprobieren.

Snowflake · 3. Dezember 2008, 21:46

Hmm.

Könntest du mal deine bisherige Datei die du dir zusammengebastelt hast Posten? Kannst sie auch Als Anhang hochladen.

Der Grundaufbau müsste jedenfalls so aussehen

Quellcode

<html>
<head>
<script src..... und so weiter
</head>
<body>
der php teil..
</bod>
</html>

Billie · 4. Dezember 2008, 18:01

Also, ich arbeite z.Z mit drei Dateien. Einmal die verbindung.php, mit den Zugangsdaten, dann die ajax.php, die neben den Operationen auch HTML beinhaltet und das JavaScript File (java.js), mit der ajaxPost Funktion.

Die Dateien findest Du im Anhang, (als txt-Dokumente, weil ich kein php und js hochladen kann)

Snowflake · 4. Dezember 2008, 22:33

Hat dir Firebug nur die eine Fehlermeldung gegeben? Also:

ajaxPost is not defined
[Break on this error] ajaxPost("test");

+

Da gab es nämlich noch eine zweite Meldung.

Kleiner Syntaxfehler in der Javascriptdatei. Ändere das hier:

Quellcode

if(type.match(/^(checkbox)$/i) && el.checked))

durch:

Quellcode

if(type.match(/^(checkbox)$/i) && el.checked)

Einfacher fehler, am Ende war eine Klammer zu viel. Dadurch entstand ein Fehler, und die funktion war "unbrauchbar"
Wenn du das änderst, klappt es.

Billie · 4. Dezember 2008, 22:59

Hi Snowflake, es lag tatsächlich an der einen Klammer :thumbup:

Ich hatte auch nur die eine Fehlermeldung, die zweite hat er mir komischerweise nicht angezeigt.

Jetzt zeigt er mir aber berechtigterweise die Fehlermeldung an, dass die Funktion getFormData nicht definiert ist. Diese ist in dem JavaScript tatsächlich nicht vorhanden. Brauchen wir diese Funktion tatsächlich? Ich habe sie hier schon einmal gesehen, bzw. es gibt sie in der Wiki.

Snowflake · 4. Dezember 2008, 23:36

student2312 schrieb:

Dann brauchst du aus dem Wiki die Funktionen ajaxPost() und getFormData()

Quellcode

function getFormData(form, asArray) {
var ret;
var add = function(n, v) {
if(asArray) {
if(ret == null) ret = new Array();
ret[n] = escape(v);
} else {
ret = (ret == null ? '' : ret+'&') + n +'='+ escape(v);
}
};
for(var i=0; i<form.elements.length; i++) {
var el = form.elements[i];
var type = (el.type || '');
if(type.match(/^(text|hidden|textarea)$/i) || (type.match(/^(radio|checkbox)$/i) && el.checked)) {
add(el.name, el.value);
} else if(el.nodeName.match(/^select$/i)) {
for(var j=0; j<el.options.length; j++) {
if(el.options[j].selected) {
add(el.name, el.options[j].value);
}
}
} else if(el.nodeName.match(/^textarea$/i)) {
add(el.name, el.value);
}
}
return ret != null ? ret : (asArray ? new Array() : '');
}

Alles anzeigen

Zu finden hier: Wiki

Hab mir den Javascript-teil nicht großartig angeschaut. Da student2312 schon Ahnung hat, und das wohl seine richtigkeit haben wird.

Billie · 8. Dezember 2008, 14:37

Hey, sorry für die Sendepause...ich war in den letzten Tagen nicht Zuhause und hatte keinen Internetanschluss. :whistling:

Also, ich bin immer noch dabei und habe jetzt die Funktion getFormData in den Java-Script Teil eingefügt.

Jetzt bräuchte ich allerdings etwas Hilfe, um die Funktion anzupassen. Und zwar meldet Firebug beim Aufruf der Funktion folgendes:

form.elements is undefined
getFormData("opt_haken", undefined)
onclick(click clientX=50; clientY=131)
for(var i=0; i<form.elements.length; i++){

getFormData ist dann der Aufruf aus der ajax.php, ich nehme an, dass ihm die Form-Bezeichnung fehlt? bzw. wir diese nicht übergeben und diese dann auch im JavaScript-Teil fehlt.

Snowflake · 9. Dezember 2008, 18:09

Hey ahm ja..ich muss mir das nachher mal in Ruhe angucken, vllt kann dir aber auch d0nut oder student2312 erstmal weiterhelfen...

Ist jetzt immoment was komisch, weil das Formargument wird ja übergeben mit getFormData("opt_haken")...
asArray ist hier ja in dem Moment egal, da er ja nicht mitübergeben wird und es fidnet ja dementsprechend auch ein Befehl statt in der Funktion der ausgeführt wird, wenn asArray nicht existiert.

Torben Brodt · 9. Dezember 2008, 21:33

ja, schau dir das Wiki Beispiel nochmal an. Man übergibt keinen String als Parameter.

Snowflake · 9. Dezember 2008, 22:18

Ahh ohja man sollte wirklich lesen...daher läuft der hase.

Verstehst du was d0nut damit meint Billie, bekommst du es alleine gelöst?

Datenbank mit Ajax modernisieren

Quellcode

Snowflake schrieb:

Quellcode

Quellcode

Quellcode

Billie schrieb:

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

student2312 schrieb:

Quellcode

Teilen

Tags