Dynamischer Seitenaufruf + Verifizieren der Angabe + mysql Datenaustausch?

marcial · 18.08.2010, 00:33

Hey Leute,

vor kurzen habe ich mich mit JS und Ajax beschäftigt, da ich CMS - die ich erstelle - gerne "modern" haben würde.

Ich habe angefangen PHP und mySQL über Tutorials und Videos zu lernen und bisher immer fast ausschließlich damit gearbeitet, d.h. jedes Mal komplett neuer Website Aufbau, egal bei was für Aufrufen.

Nun habe ich nach Scripts gesucht, die dynamisches Laden von Seiten erlauben (damit meine ich, dass nur der "Content" der Seite ausgetauscht wird.

Eine Menu, der Header, Footer etc. soll unberührt bleiben.

Das hat mithilfe der Codebeispiele von hier sehr gut geklappt.

Hier die zwei Funktionen:

Code:

function ajaxpage(url, containerid)
{
	var page_request = false
	if (window.XMLHttpRequest) // if Mozilla, Safari etc
	page_request = new XMLHttpRequest()
	else if (window.ActiveXObject) // if IE
	{
		try 
		{
			page_request = new ActiveXObject("Msxml2.XMLHTTP")
		}
		catch (e)
		{
			try
			{
				page_request = new ActiveXObject("Microsoft.XMLHTTP")
			}
			catch (e){}
		}
	}
	else
		return false
	page_request.onreadystatechange=function()
	{
		loadpage(page_request, containerid)
	}
	page_request.open('GET', url, true)
	page_request.send(null)
}

function loadpage(page_request, containerid)
{
	if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
		document.getElementById(containerid).innerHTML=page_request.responseText
}

Allerdings hatte ich für meine Registrierungspage bereits eine Formvalidation in Javascript erstellt.

Die sieht in etwa so aus:

Code:

function verify()
{
    var error = false;
    if((document.getElementsByName("name")[0].value) == "")
    {
        error = true;
    }
    else if(... // mehrere Felder werden gecheckt
    }
    if(error==true)
    {
        return false;
    }
	else
		return true;
}

Beim Senden der Form:

Code:

<form action="index.php" method=post onsubmit="return verify();">

Die Funktion funktioniert aufgerufen wunderbar, allerdings nicht wenn ich die Seite dynamisch lade. Dann kann ich die Form immer abschicken, als ob die Funktion nicht aufgerufen wird.

Hat jmd. ne Idee woran das liegt? JavaScript und AJAX sind für mich ziemliches Neuland, bin da also noch sehr uninformiert.

Meine zweite Frage bezieht sich auf den Datenaustausch mit einer MySQL Tabelle.

Meine Idee ist, beim Registrieren, zuerst die Angaben durch die Java Funktion laufen zu lassen und dann nochmal über eine PHP Funktion zu testen und an die DB zu senden (falls Leute JS deaktivieren etc.).

Ist das generell ein guter Ansatz oder übersehe ich hier etwas / sollte ich es anders machen etc?

ChrisB · 18.08.2010, 01:02

Zitat:

Zitat von marcial

Nun habe ich nach Scripts gesucht, die dynamisches Laden von Seiten erlauben (damit meine ich, dass nur der "Content" der Seite ausgetauscht wird.

Eine Menu, der Header, Footer etc. soll unberührt bleiben.

Damit bastelt man im wesentlichen die massiven Usability-Nachteile nach, die Frames schon immer hatten ...

Zitat:

Die Funktion funktioniert aufgerufen wunderbar, allerdings nicht wenn ich die Seite dynamisch lade. Dann kann ich die Form immer abschicken, als ob die Funktion nicht aufgerufen wird.

Hat jmd. ne Idee woran das liegt?

Daran, dass per innerHTML irgendwo reinsetzter JS-Code nicht ausgeführt wird.

Wege, das zu umgehen, sind im Netz dokumentiert; auch bei den großen Frameworks kann man sich diesbezüglich sicher was abschauen.

Zitat:

Meine Idee ist, beim Registrieren, zuerst die Angaben durch die Java Funktion laufen zu lassen und dann nochmal über eine PHP Funktion zu testen und an die DB zu senden (falls Leute JS deaktivieren etc.).

Selbstverständlich sind Daten serverseitig immer zu validieren.
Clientseitige Validierung kann man als reines Komfortmerkmal noch hinzunehmen, wenn man möchte (spart dem Nutzer einen Request, wenn die Daten noch fehlerhaft sind).

Und bitte nicht JAVA und JavaScript in einen Topf schmeißen, das sind vollkommen unterschiedliche Sprachen.

marcial · 18.08.2010, 01:12

Zitat:

Daran, dass per innerHTML irgendwo reinsetzter JS-Code nicht ausgeführt wird.

Alles klar, das hilft mir schonmal weiter. Danke.

Serverseitiges validieren ist klar, wollte nur wissen ob der Ansatz so Macken hat oder ok ist.

Zitat:

Und bitte nicht JAVA und JavaScript in einen Topf schmeißen, das sind vollkommen unterschiedliche Sprachen.

Keine Angst, wie du vll. mal selbst gemerkt hast, schreibt man schnell mal Java, hat aber davor permanent von JS geredet ist in der JavaScript Sektion und es sollte auch offensichtlich sein was gemeint ist.

mquadrat · 18.08.2010, 08:47

Wie Chris schon geschrieben hat würde ich AJAX nicht unbedingt zum Nachladen kompletter Seiten verwenden. Dann muss man sich wieder um den Zurück-Knopf kümmern und andere nervige Dinge. AJAX macht IMHO vor allem dann Sinn, wenn man abgeschlossene Einheiten hat (wie z.B. Datentabellen) oder wenn man "Dialogfenster" anzeigen möchte. Also sprich: Immer dann, wenn sich nur Teile des Contents ändern. Ändert sich der ganze Content macht es keinen Unterschied (abgesehen vom erwähnten Zurück-Knopf oder der sich bewegenden Lade-Anzeige im Browser).

Das Problem wurde ja auch schon beschrieben (JS wird nicht ausgeführt wenn es einfach so eingefügt wird). Generell würde ich bei hohem AJAX / JS - Anteil auf eines der JS Frameworks gehen. JQuery hat die größte Anhängerschaft, ich bevorzuge allerdings MooTools. Man muss sich zwar in die Frameworks einarbeiten, erspart sich aber eine Menge Kopfzerbrechen. So ist bei Mootools z.B. das Ausführen von in AJAX-Responses eingebettetem JS, das setzen einer einzigen Option.

marcial · 18.08.2010, 12:58

Vielen Dank für die ausführliche Erklärung.

Ich denke ich werde dann doch eher Abstand von Ajax und JS halten und es nur in ganz bestimmten Fällen benutzen (zusätzl. Client seitige Validierung von Eingabe etc.), anstelle zu versuchen es für "alles" zu benutzen.

Gruß,

marcial

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] MySQL Link Resource in einer statischen Variablen speichern	Lenki	PHP-Fortgeschrittene	8	18.03.2010 16:37
dynamischer seitenaufbau dank php & mysql?	alitlux	PHP Tipps 2009	9	29.04.2009 16:27
MySQL Konsole und Umlaute unter Windows [LÖSUNG]	f4ckm5	Datenbanken	8	30.03.2009 22:10
[Erledigt] dynamischer Drop Down als Auswahl für Tabellenwahl in MYSQL	meshking	PHP Tipps 2009	10	16.03.2009 15:15
Lerne Grundlagen \| Quellensammlung	cycap	PHP Einsteiger	0	12.11.2008 16:23
MySQL Server startet nicht mehr richtig...		Datenbanken	16	03.03.2006 19:40
Suche Tipps für Persormance-Steigerung (Geld für Nützliches)		Beitragsarchiv	18	16.08.2005 10:57
Dynamischer Eingriff in das DB-Modell (MySQL < 4)		Datenbanken	0	18.07.2005 13:50

18.08.2010, 00:33
marcial Benutzer Registriert seit: 18.08.2010 Beiträge: 34 PHP-Kenntnisse: Anfänger	Dynamischer Seitenaufruf + Verifizieren der Angabe + mysql Datenaustausch? Hey Leute, vor kurzen habe ich mich mit JS und Ajax beschäftigt, da ich CMS - die ich erstelle - gerne "modern" haben würde. Ich habe angefangen PHP und mySQL über Tutorials und Videos zu lernen und bisher immer fast ausschließlich damit gearbeitet, d.h. jedes Mal komplett neuer Website Aufbau, egal bei was für Aufrufen. Nun habe ich nach Scripts gesucht, die dynamisches Laden von Seiten erlauben (damit meine ich, dass nur der "Content" der Seite ausgetauscht wird. Eine Menu, der Header, Footer etc. soll unberührt bleiben. Das hat mithilfe der Codebeispiele von hier sehr gut geklappt. Hier die zwei Funktionen: Code: function ajaxpage(url, containerid) { var page_request = false if (window.XMLHttpRequest) // if Mozilla, Safari etc page_request = new XMLHttpRequest() else if (window.ActiveXObject) // if IE { try { page_request = new ActiveXObject("Msxml2.XMLHTTP") } catch (e) { try { page_request = new ActiveXObject("Microsoft.XMLHTTP") } catch (e){} } } else return false page_request.onreadystatechange=function() { loadpage(page_request, containerid) } page_request.open('GET', url, true) page_request.send(null) } function loadpage(page_request, containerid) { if (page_request.readyState == 4 && (page_request.status==200 \|\| window.location.href.indexOf("http")==-1)) document.getElementById(containerid).innerHTML=page_request.responseText } Allerdings hatte ich für meine Registrierungspage bereits eine Formvalidation in Javascript erstellt. Die sieht in etwa so aus: Code: function verify() { var error = false; if((document.getElementsByName("name")[0].value) == "") { error = true; } else if(... // mehrere Felder werden gecheckt } if(error==true) { return false; } else return true; } Beim Senden der Form: Code: <form action="index.php" method=post onsubmit="return verify();"> Die Funktion funktioniert aufgerufen wunderbar, allerdings nicht wenn ich die Seite dynamisch lade. Dann kann ich die Form immer abschicken, als ob die Funktion nicht aufgerufen wird. Hat jmd. ne Idee woran das liegt? JavaScript und AJAX sind für mich ziemliches Neuland, bin da also noch sehr uninformiert. Meine zweite Frage bezieht sich auf den Datenaustausch mit einer MySQL Tabelle. Meine Idee ist, beim Registrieren, zuerst die Angaben durch die Java Funktion laufen zu lassen und dann nochmal über eine PHP Funktion zu testen und an die DB zu senden (falls Leute JS deaktivieren etc.). Ist das generell ein guter Ansatz oder übersehe ich hier etwas / sollte ich es anders machen etc?


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

18.08.2010, 08:47
mquadrat Erfahrener Benutzer Registriert seit: 02.09.2009 Beiträge: 1.019 PHP-Kenntnisse: Fortgeschritten	Wie Chris schon geschrieben hat würde ich AJAX nicht unbedingt zum Nachladen kompletter Seiten verwenden. Dann muss man sich wieder um den Zurück-Knopf kümmern und andere nervige Dinge. AJAX macht IMHO vor allem dann Sinn, wenn man abgeschlossene Einheiten hat (wie z.B. Datentabellen) oder wenn man "Dialogfenster" anzeigen möchte. Also sprich: Immer dann, wenn sich nur Teile des Contents ändern. Ändert sich der ganze Content macht es keinen Unterschied (abgesehen vom erwähnten Zurück-Knopf oder der sich bewegenden Lade-Anzeige im Browser). Das Problem wurde ja auch schon beschrieben (JS wird nicht ausgeführt wenn es einfach so eingefügt wird). Generell würde ich bei hohem AJAX / JS - Anteil auf eines der JS Frameworks gehen. JQuery hat die größte Anhängerschaft, ich bevorzuge allerdings MooTools. Man muss sich zwar in die Frameworks einarbeiten, erspart sich aber eine Menge Kopfzerbrechen. So ist bei Mootools z.B. das Ausführen von in AJAX-Responses eingebettetem JS, das setzen einer einzigen Option. __________________ Wir suchen PHP Entwickler (Vollzeit) im Raum Darmstadt / Rhein-Main. Infos via E-Mail mueller@new-frontiers.de

18.08.2010, 12:58
marcial Benutzer Registriert seit: 18.08.2010 Beiträge: 34 PHP-Kenntnisse: Anfänger	Vielen Dank für die ausführliche Erklärung. Ich denke ich werde dann doch eher Abstand von Ajax und JS halten und es nur in ganz bestimmten Fällen benutzen (zusätzl. Client seitige Validierung von Eingabe etc.), anstelle zu versuchen es für "alles" zu benutzen. Gruß, marcial