Formular senden ohne reload

T

thorsten72

Grünschnabel
hallo

ich komme einfach nicht weiter, ich weis das es irgendwie geht, aber ich finde nicht das richtige.

ich habe ein einzeiiges textfeld das beim laden der seite gleich schreibbereit ist, soweit hab ichs hinbekommen. nur beim versenden nervt dieser ladebalken.

Wie schaffe ich es, das Formular zu versenden ohne das der ladebalken lädt?

hier mal mein code soweit.

hoffe ihr könnt mir weiter helfen. bin recht neu auf diesem gebiet.

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type">
  <title>Test</title>
<style type="text/css">
<!--
body {
	background-color: #999999;
}
-->
</style></head>
<body onload="document.formular.textfeld.focus();">
  <form name="formular" action="tripp.html" method="POST"> 
    <input name="textfeld" type="text" size="80" maxlength="160">
   &nbsp;&nbsp;&nbsp; 
   <input type="submit">
</form>
</body>
</html>

Danke für eure hilfe
 
Moin Thorsten,

das generelle Stichwort diesbezüglich heisst AJAX.

Wie man es nun im Detail macht, hängt davon ab, was nach dem Senden passieren soll.
Was soll passieren?
 
Morgen Thorsten,

wie Sven bereits erwähnt hat, du mußt deine Formulardaten asynchron mit Ajax an die Serverseite übergeben.

Schau dir mal den Javascriptcode unterhalb an.
Serverseite.php mußt du natürlich ersetzen.



Code: 
 var anfrage=null;
       function erzeugeAnfrage() {
         try {
            anfrage = new XMLHttpRequest();
         } catch (versuchmicrosoft) {
            try {
               anfrage = new ActiveXObject("Msxml2.XMLHTTP");
               } catch (anderesmicrosoft) {
               try {
                  anfrage = new ActiveXObject("Microsoft.XMLHTTP");
                  } catch (fehlschlag) {
                  anfrage = null;
               }
            }
         }
         if (anfrage == null)
            alert("Fehler beim Erzeugen des Ajax-Anfrage-Objekts!");
             }

function uploadData(){
         erzeugeAnfrage();
           var upData = document.getElementByName("textfeld").value;
            var url = "serverseite.php?upData=" + escape(upData);
            anfrage.open("GET", url, true);
           anfrage.onreadystatechange = update;
          anfrage.send(null);
           }
          }

 function update() {
         if (anfrage.readyState == 4) {
             var antwortUpload = anfrage.responseText;
              alert (antwortUpload);
         }
      }

hoffe das hilft dir ein weinig...
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück