Auf Thema antworten 2026

Beitrag

<blockquote data-quote="MasterT" data-source="post: 2297795" data-attributes="member: 168770">Hallo,ich möchte eine Suche die via Ajax und Javascript arbeitet damit kein Reload entsteht! Ich habe folgenden CodeHTML:[PHP]&lt;form onsubmit=&quot;return searchFor(this.form.suche.value)&quot;&gt;&nbsp; &nbsp; &lt;input type=&quot;text&quot; autofocus=&quot;autofocus&quot; name=&quot;suche&quot;/&gt; &lt;/form&gt;[/PHP]Javascript:[PHP]function searchFor(suchbegriff){&nbsp; &nbsp; var xmlHttp = null;&nbsp; &nbsp; // Mozilla, Opera, Safari sowie Internet Explorer 7&nbsp; &nbsp; if (typeof XMLHttpRequest != &#039;undefined&#039;) {&nbsp; &nbsp; &nbsp; &nbsp; xmlHttp = new XMLHttpRequest();&nbsp; &nbsp; }&nbsp; &nbsp; if (!xmlHttp) {&nbsp; &nbsp; &nbsp; &nbsp; // Internet Explorer 6 und älter&nbsp; &nbsp; &nbsp; &nbsp; try {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; xmlHttp&nbsp; = new ActiveXObject(&quot;Msxml2.XMLHTTP&quot;);&nbsp; &nbsp; &nbsp; &nbsp; } catch(e) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; try {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; xmlHttp&nbsp; = new ActiveXObject(&quot;Microsoft.XMLHTTP&quot;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } catch(e) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; xmlHttp&nbsp; = null;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }&nbsp; &nbsp; // Wenn das Objekt erfolgreich erzeugt wurde&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (xmlHttp) {&nbsp; &nbsp; &nbsp; &nbsp; var url = &quot;suche.php&quot;;&nbsp; &nbsp; &nbsp; &nbsp; var params = &quot;suchbegriff=&quot;+suchbegriff;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; xmlHttp.open(&quot;POST&quot;, url, true);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //Headerinformationen für den POST Request&nbsp; &nbsp; &nbsp; &nbsp; xmlHttp.setRequestHeader(&quot;Content-type&quot;, &quot;application/x-www-form-urlencoded, charset=UTF-8&quot;);&nbsp; &nbsp; &nbsp; &nbsp; xmlHttp.setRequestHeader(&quot;Content-length&quot;, params.length);&nbsp; &nbsp; &nbsp; &nbsp; xmlHttp.setRequestHeader(&quot;Connection&quot;, &quot;close&quot;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; xmlHttp.onreadystatechange = function () {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (xmlHttp.readyState == 4) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Zurückgeliefertes Ergebnis wird in den DIV &quot;ergebnis&quot; geschrieben&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&quot;ergebnis&quot;).innerHTML = xmlHttp.responseText;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; };&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; xmlHttp.send(params);&nbsp; &nbsp; }&nbsp; &nbsp; return false;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }[/PHP]Wieso wird trotz dem gesetzten return false eine reload gemacht?LgPhill</blockquote>

[QUOTE="MasterT, post: 2297795, member: 168770"] Hallo, ich möchte eine Suche die via Ajax und Javascript arbeitet damit kein Reload entsteht! Ich habe folgenden Code HTML: [PHP] <form onsubmit="return searchFor(this.form.suche.value)"> <input type="text" autofocus="autofocus" name="suche"/> </form> [/PHP] Javascript: [PHP] 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; } [/PHP] Wieso wird trotz dem gesetzten return false eine reload gemacht? Lg Phill [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?