[AJAX] Submit ohne neuladen

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • [AJAX] Submit ohne neuladen

    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.
    Zuletzt geändert von Anbu; 13.08.2007, 16:02.
    Lurchi ! Lurchi ! Lurchi !

  • #2
    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.

    Ein netter Guide zum übersichtlichen Schreiben von PHP/MySQL-Code!

    bei Klammersetzung bevorzuge ich jedoch die JavaCoding-Standards
    Wie man Fragen richtig stellt

    Kommentar


    • #3
      ä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
      Lurchi ! Lurchi ! Lurchi !

      Kommentar


      • #4
        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
        Die Milch bleibt ranzig!

        Kommentar


        • #5
          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
          Zuletzt geändert von Anbu; 14.08.2007, 09:44.
          Lurchi ! Lurchi ! Lurchi !

          Kommentar


          • #6
            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...

            Ein netter Guide zum übersichtlichen Schreiben von PHP/MySQL-Code!

            bei Klammersetzung bevorzuge ich jedoch die JavaCoding-Standards
            Wie man Fragen richtig stellt

            Kommentar


            • #7
              schon gesehen nichts gebracht.
              Lurchi ! Lurchi ! Lurchi !

              Kommentar


              • #8
                tzz vielleicht postest du mal code und zeigst uns wos hapert...
                Die Milch bleibt ranzig!

                Kommentar


                • #9
                  Also hier mal mein AJAX teil:

                  PHP-Code:
                  <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:

                  PHP-Code:
                                      <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.
                  Lurchi ! Lurchi ! Lurchi !

                  Kommentar


                  • #10
                    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..
                    Die Milch bleibt ranzig!

                    Kommentar


                    • #11
                      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.
                      Lurchi ! Lurchi ! Lurchi !

                      Kommentar


                      • #12
                        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....
                        Die Milch bleibt ranzig!

                        Kommentar


                        • #13
                          Also habs jetzt einigermaßen er postets jetzt

                          so hab ichs jetzt:

                          PHP-Code:

                          <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
                          Lurchi ! Lurchi ! Lurchi !

                          Kommentar

                          Lädt...
                          X