AJAX-Submit-Button

JFoX

Professional

Posts: 535

Tuesday, July 10th 2007, 1:59pm

AJAX-Submit-Button

// EDIT
Hallo,

Woran kann das liegen, das ich 2x auf submit klicken muss (Forumular) eh etwas passiert?

SoMeGuY

Master

Posts: 1,134

Tuesday, July 10th 2007, 4:54pm

An deinem Code?

JFoX

Professional

Posts: 535

Tuesday, July 10th 2007, 5:05pm

Naja bei einem Formular kann man eigentlich nicht soviel falsch machen... ich meine beim ersten klick geht nix beim 2. geht alles ...

HTML Code

<form action="<?php echo $PHP_SELF; ?> "name="authform" method="POST">
  <tr><td>Username:</td><td><input id="username" type="text" size="18"></td></tr>
  <tr><td>Password:</td><td><input id="password" type="password" size="18"></td></tr>
  <tr><td></td><td><input type="button" value="Sign in" onclick="checkLogin()"></td></tr>
</form>

Torben Brodt

Administrator

Posts: 8,454

Tuesday, July 10th 2007, 5:32pm

wird an der Funktion liegen, die du aufrufst. Vielleicht irgendeine Variable falsch initialisiert.

Ich wett mit dir onclick="alert('test')" wird funktionieren.

Nur als Anregung: Eine Lösung mit onsubmit finde ich übrigens schöner. Wenn du die richtig umsetzt, kannst du so JavaScript und nicht-JavaScript anbieten. Außerdem ists eben schöner, wenn man den Buttons nicht so viel Logik gibt.

Latest blogs: Neuer EX4 Server, Java EE Summit im Juni in München, Kostenlos zur Cebit + Windows 8 Entwickler Schulung

JFoX

Professional

Posts: 535

Tuesday, July 10th 2007, 5:41pm

Das ist meine Funktion die bei OnClick ausgeführt werden soll.

JavaScript Code

// CheckLogin
function checkLogin() {
	var loader = '<img src="images/icons/ajax-loader.gif" />';
	displayMessage (loader);
	var username = document.getElementById('username').value;
	var password = document.getElementById('password').value;
	ajax.OnReadyStateChange = handleCheckLoginResponse();
	ajax.open('GET', 'checkLogin.php?username='+ username +'&password='+password);
	ajax.send(null);
}

Das mit dem Alert funktioniert... Wenn ich haber statt button submit nehme und dann eine event bei onsubmit starte dann will er mich auf die php datei umleiten und ich bekomme einen 404 Error

Torben Brodt

Administrator

Posts: 8,454

Tuesday, July 10th 2007, 5:52pm

Schau dir zum Submit am besten mal diese Seite an: Ajax Login

Außerdem ist die Zuweisung falsch:
ajax.OnReadyStateChange = handleCheckLoginResponse();

Die Klammern müssen in jedem Fall weg. Und ich glaube Kleinschreibung ist auch Pflicht beim linken Ausdruck.

Latest blogs: Neuer EX4 Server, Java EE Summit im Juni in München, Kostenlos zur Cebit + Windows 8 Entwickler Schulung