[AJAX] Submit ohne neuladen

[Anbu]

Hi,

neuer Versuch.

Wie schaff ich es per

var req = createXMLHttpRequest();
req.open('post',??????

einem Formularfeld einen Wert zu übergeben und das das Formularfeld dabei gleichzeitig gepostet wird ohne das die ganze Seite neu geladen wird?

Komm echt nicht weiter ich hab kein einziges turtorial gefunden wo das erklärt wird.

[ghostgambler]

Re: [AJAX] Submit ohne neuladen (Edit)

Original geschrieben von Anbu
Komm echt nicht weiter ich hab kein einziges turtorial gefunden wo das erklärt wird.

Schlecht gesucht.

[Anbu]

ähm ja danke für das nutzlose kommentar...

ich hab gründlich gesucht. Es wird zwar beschrieben wie man Dateien ladet und Get variablen übergibt aber nicht wie man einen Formularfeld einen Wert übergibt und es postet

[RanzigeMilch]

formularfeldern werte geben hat nix mit ajax zutun...
de.selfhtml.org schaun nach formularen und wie man "value" benutzt

und posten: (wobei submit net ohne "reload" funktioniert) denke du meinst per post an und ajax an eine php-datei übergeben
dazu solltest du dir nen ajax-tutorial anschaun wie z.B. das hier:
tutorial

[Anbu]

Ich mein das wenn ich einen Punkt in meinem Dropdown ausgewählt habe ein neues auftaucht. Dieses Neu Dropdown feld wird dabei mit werten aus der DB befüllt die von der Auswahl des ersten Dropdownfeldes abhängen.

Das will ich hinbekommen ohne die Seite neu laden zu müssen.

Ich schau mir mal das turtorial an danke

[ghostgambler]

Du bist also ganz ernsthaft zu blöd, bei all den ganzen web2.0 Applikationen, die aktuell aus dem Boden schießen und den ganzen "ich funktioniere ohne Javascript überhaupt gar nicht mehr"-Websiten, irgendein Beispiel zu finden, was genau das macht was du willst, und das zu übernehmen?
Tut mir Leid, aber da hab ich kein Verständnis für...
Wenn du jetzt nach Hilfe bei einem neuronalen Algorithmus zur Berechnung der Bus-Fahrt von A nach B fragen würdest, wäre der Verweis auf Google wohl grob falsch, aber bei AJAX ... ich bitte dich.

http://www.google.de/search?hl=de&q=...nG=Suche&meta=
da, erster Treffer, ich weiß auf die Suchworte wärst du natürlich nie gekommen...

[Anbu]

schon gesehen nichts gebracht.

[RanzigeMilch]

tzz vielleicht postest du mal code und zeigst uns wos hapert...

[Anbu]

Also hier mal mein AJAX teil:

<script type="text/Javascript">
    function createXMLHttpRequest() {

    var ua;

    if(window.XMLHttpRequest) {
        try {
          ua = new XMLHttpRequest();
        } catch(e) {
          ua = false;
        }
      } else if(window.ActiveXObject) {
        try {
          ua = new ActiveXObject("Microsoft.XMLHTTP");
        } catch(e) {
          ua = false;
        }
      }
      return ua;
    }

    var req = createXMLHttpRequest();
    var str = "test";
    var url = "rechnung.php";

    function sendRequest() {
      id = document.getElementById("dropdown").value;
      req.open("POST",url,true);
      req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
      req.onreadystatechange = tryit;
      req.send(str);
    }
    
    function tryit(){
        alert("Gruppe " +id);
    }
</script> 

Hier ein Dropdown:

                    <select name="i_gruppe" size="1" id="dropdown" onchange="sendRequest()" '.breite(i_gruppe).'>
    <option value="x">Bitte w&auml;hlen...</option>
    <option value="F" '.((isset($_POST['i_gruppe']) && $_POST['i_gruppe']=="F")?'selected=selected':'').'>
Artikel1 Vermietung
</option>
    <option value="K" '.((isset($_POST['i_gruppe']) && $_POST['i_gruppe']=="K")?'selected=selected':'').'>
Artikel2 Vermietung
</option>
</select>'; 

Das Alert ist bloß zum Test ob er überhaupt da rein geht.

Ich weiß echt nicht wie ich das hinkriegen soll das er mir das "Postet" ohne die Seite neu zu laden. Ich will bloß Variablen weitergeben sodass ein weiteres Dropdown geöffnet wird und Werte aus einer Datenbank ausgelesen werden.

[RanzigeMilch]

1. was muss bei onreadystatechange geprüft werden?
wenn du das net weißt -> ajax tutorial

2.
du kannst das select dingens entweder direkt mit den datenbankinformationen in nen div schreiben mit dazugehörigen funktionen
oder du schreibst es schon vorher in ein div der auf display:none steht, machst den sichtbar und schreibst nachträglich die optionen rein.
wie das geht steht auf de.selfhtml.org..

[Anbu]

Meine Frage hast du damit aber nicht beantwortet.

Ich wollt bloß wissen wie man mit AJAX einen teil einer form "postet" sodass man den ausgewählten Wert in php verwenden kann.

Das Dropdown und die Datenbankinformationen sind von der Auswahl des vorrangegangenen Dropdowns abhängig also brauch ich diesen Post und weil ich nicht will das sich die Seite jedesmal neu lädt, wollt ichs mit AJAX probieren.

[RanzigeMilch]

nein du schaust dir einfach keine ajaxtutorials an das ist das problem..
schau doch mal was du per POST sendest..
und was du senden solltest....

[Anbu]

Also habs jetzt einigermaßen er postets jetzt

so hab ichs jetzt:

<script type="text/Javascript">
    function createXMLHttpRequest() {

    var ua;

    if(window.XMLHttpRequest) {
        try {
          ua = new XMLHttpRequest();
        } catch(e) {
          ua = false;
        }
      } else if(window.ActiveXObject) {
        try {
          ua = new ActiveXObject("Microsoft.XMLHTTP");
        } catch(e) {
          ua = false;
        }
      }
      return ua;
    }

    var req = createXMLHttpRequest();
    var url = "rechnung.php";

    function sendRequest() {
      id = document.getElementById("dropdown").value;
      req.open("POST",url,true);
      req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
      req.onreadystatechange = tryit;
      req.send("i_gruppe="+id);
    }
    
    function tryit(){
     if(req.readyState == 4){
            document.getElementById("selectContainerDiv").innerHTML = req.responseText;
            }
        }
</script> 

Er gibt mir zwar die gesamte Seite jetzt zweimal aus aber das bekomm ich noch hin.

danke