Javascript | Reload von Formular unterbinden

[MasterT]

Hallo,
ich möchte eine Suche die via Ajax und Javascript arbeitet damit kein Reload entsteht! Ich habe folgenden Code

HTML:

<form onsubmit="return searchFor(this.form.suche.value)">
    <input type="text" autofocus="autofocus" name="suche"/> 
</form>

Javascript:

function searchFor(suchbegriff){
    var xmlHttp = null;
    // Mozilla, Opera, Safari sowie Internet Explorer 7
    if (typeof XMLHttpRequest != 'undefined') {
        xmlHttp = new XMLHttpRequest();
    }
    if (!xmlHttp) {
        // Internet Explorer 6 und älter
        try {
            xmlHttp  = new ActiveXObject("Msxml2.XMLHTTP");
        } catch(e) {
            try {
                xmlHttp  = new ActiveXObject("Microsoft.XMLHTTP");
            } catch(e) {
                xmlHttp  = null;
            }
        }
    }
    // Wenn das Objekt erfolgreich erzeugt wurde            
    if (xmlHttp) {
        var url = "suche.php";
        var params = "suchbegriff="+suchbegriff;
        
        xmlHttp.open("POST", url, true);
        
        //Headerinformationen für den POST Request
        xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded, charset=UTF-8");
        xmlHttp.setRequestHeader("Content-length", params.length);
        xmlHttp.setRequestHeader("Connection", "close");                    
    
        xmlHttp.onreadystatechange = function () {
            if (xmlHttp.readyState == 4) {
                // Zurückgeliefertes Ergebnis wird in den DIV "ergebnis" geschrieben
                document.getElementById("ergebnis").innerHTML = xmlHttp.responseText;
            }
        };                
        xmlHttp.send(params);
    }
    return false;            
}

Wieso wird trotz dem gesetzten return false eine reload gemacht?

Lg
Phill

 

[netbandit]

AW: Javascript | Reload von Formular unterbinden

Gibt div. Tools u.a. die Webkonsole in FF... da gibt es als Fehlermeldung

TypeError: this.form is undefined

Versuch mal:

<form onsubmit="return searchFor(this.suche.value);">

Grüße

 

[hub]

AW: Javascript | Reload von Formular unterbinden

Moin moin,
das Formular wird gesendet, da ein Fehler im Script dafür sorgt, das die Funktion vorzeitig abgebrochen wird und nie ein false zurück gibt.
Das Problem ist, das dein input dort nicht gefunden werden kann und den Fehler auslöst. Du kannst das umgehen, wenn du z.B. dem Input eine id="suche" verpasst und den Inhalt so abfragst (es folgen nur Frgmente):

<script type="text/javascript">
function searchFor(){
    suchbegriff=document.getElementById('suche').value;
    ...    

<form onsubmit="return searchFor()">
    <input type="text" autofocus="autofocus" name="suche" id="suche"/>

Das ist nur eine von vielen Möglichkeiten ...

Gruß Ulli
PS: netbandit war schneller und die Lösung kürzer