Hallo,
ich habe ein Ajax-Request in einer Javascript-Funktion, die einmal über einen Submit-Button und Form onSubmit aufgerufen wird, oder über einen Button mit onClick.
Der Button mit OnClick führt die Funktion und den Ajax-Aufruf korrekt aus, der Aufruf über den onSubmit aber scheinbar nicht.
Die Javascript-Funktion wird zwar aufgerufen, was ich mit einem einfachen alert('test'); belegen konnte, aber nicht der Ajax-Aufruf und damit auch nicht das Ergebnis, das in meinem Test erstmal nur 'I was here' ausgeben soll.
Natürlich kann ich aus dem Submit-Button auch einfach einen normalen Button mit onClick machen, aber dann verliere ich bspw. die Funktionalität 'required' in den Input-Boxen.
Was mach ich falsch?
Hier die Javascript-Funktion:
function m_verw(aktion) {
suche = "";
if (aktion == "SUCHE") {
suche = document.suchform.sucheingabe.value;
}
var req = createXMLHttpRequest();
req.onreadystatechange = function() {
switch(req.readyState) {
case 0:
case 1:
case 2:
case 3: return;
case 4: break;
}
resulttext = req.responseText;
document.getElementById('ergebnis_content').innerHTML = resulttext;
}
req.open('get', '<?=$pfadhtml;?>/templates/toolbox/do_itnow.php?aktion=' + aktion + '&suche=' + suche);
req.send(null);
return false;
}
Und der HTML-Code:
<form name="suchform" method="post" action="#" onSubmit="m_verw('SUCHE');">
<input class="button" type="button" value="Neuer Eintrag" onClick="m_verw('NEU');" />
<input type="text" id="sucheingabe" name="sucheingabe" value="<?=$sucheingabe;?>" placeholder="Suche nach Name oder Nummer" required="required" />
<input class="button" type="submit" value="Suchen" />
</form>