[Ajax] Zwei statische Werte übergeben sowie ausführen ???

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Remus, 20. September 2011 .

  1. 20. September 2011
    Zwei statische Werte übergeben sowie ausführen ???

    Hallo an alle,

    ich hab folgendes Problem. Ich hab kein Plan von Ajax und möchte nen Button erstellen, der Username und PW in zwei Felder übergibt und gleichzeitig bestätigt. Die Werte sind immer die selben und die Felder auch.

    Die Frage ist jetzt, bringt Ajax das überhaupt oder muss ich auf Dinge wie JavaScript zurückgreifen ? Wäre nett, wenn mir wer nen Anstoß geben kann, wo man das nachlesen kann. Ich will hier kein Quelltext oder Sonstiges. Möchte mir das schon selber aneignen aber meine Kenntnisse in diesem Sektor sind gerade mal rudimentär vorhanden.


    Danke im voraus

    Remus
     
  2. 20. September 2011
    AW: Zwei statische Werte übergeben sowie ausführen ???

    ohne JavaScript kein Ajax.

    schau dir mal frameworks an wie jQuery oder MooTools (mag ich lieber).

    z.B. (MooTools)
    Code:
    var myRequest = new Request({
     method: 'post',
     url: 'ajax_test.php',
     onSuccess: function (txt,xml){
     alert (txt);
     },
     onFailure: function (txt){
     alert (txt);
     }
    });
    myRequest.send({
     data: {
     'str' : 'xxx'
     }
    });
    
    das ist schon alles.

    was passiert: es wird per post werte an ajax_test.php gesendet.
    php macht was und gibt was zurück.
    onSuccess wird ausgeführt, wenn es keine fehler gibt.
    und da kannst du nun z.b. element mit deiner rückgabe befüllen.

    z.b.
    Code:
    $('usrID').value = txt;
    
    soweit die theorie.

    da du jedoch immer das selbe übergeben willst.
    ist ajax nicht nötig
    Code:
    <span id="btnID">klick</span>
    
    <form action="" id="formID" name="form" method="post">
     <input type="text" name="usr" id="usrID" />
     <input type="text" name="pwd" id="pwdID" />
    </form>
    
    <script type="text/javascript">
     $('btnID').addEvent('click', function(event){
     $('usrID').value = 'xxx';
     $('pwdID').value = 'xxx';
     $('formID').submit();
     });
    </script>
    
    
     
  3. 20. September 2011
    AW: Zwei statische Werte übergeben sowie ausführen ???

    mit ajax bezeichnet man eine methode, die man innerhalb von javascript verwenden kann um anfragen an den webserver abzusetzen ohne dafür die seite neu zu laden.

    ajax ist keine scriptsprache, sondern steht für "asynchronous javascript and xml".
    oftmals bezeichnen "programmierer" javascript-quellcode als ajax und wollen damit andeuten, dass ihre anwendungung darauf basiert - was aber völlig falsch ist.

    btt: wenn die werte konstant sind und die elemente sich nicht verändern, brauchst du kein ajax sondern kannst es direkt ohne umwege ändern lassen.

    Code:
    document.getElementById("id-des-elements-name").value = "name";
    document.getElementbyId("id-des-elements-pass").value = "passwort";
    --

    eine xmlhttp-anfrage ohne framework sieht so aus:
    Code:
    var xhr = new XMLHttpRequest;
    xhr.open("POST", "ajax_test.php", true);
    xhr.addEventListener("load", function() { alert(this.responseText); });
    xhr.addEventListener("error", function() { alert("fehler"); });
    xhr.send("str=xxx");
    info: XMLHttpRequest Level 2, process-events
     
  4. 20. September 2011
    AW: Zwei statische Werte übergeben sowie ausführen ???

    Schon mal vielen Dank für die raschen Antworten. Werd bestimmt noch mindestens nen Abend brauchen um die Codefragmente richtig zu verstehen.

    Vielleicht kann ich mein Problem ja noch ein wenig konkretisieren damit ich direkt weiß, ob ich das noch direkt erweitern kann. Ich möchte das nach der Bestätigung auf ne andere Seite gesprungen wird und man direkt ne Ansicht bekommt, die ich auf der Seite wählen möchte.

    Falls das nicht funktioniert wirds wohl einfach nen wenig unkomfortabler.
    Ich nutze übrigens Joomla!, falls dieses was ändert oder erleichtert.
     
  5. 21. September 2011
    AW: Zwei statische Werte übergeben sowie ausführen ???

    so
    Code:
    <form action="geh/wo/hin.php" id="formID" name="form" method="post">
    
     
  6. 21. September 2011
    AW: Zwei statische Werte übergeben sowie ausführen ???

    Werde ich morgen mal probieren aber mir scheint, dass ich immer mehr gezeigt kriege, dass ich wohl noch wesentlich mehr lernen muss
    Gibt es irgendwo Quellen, wo ich das nachlesen kann bzw. einfach Übungen anstellen kann ?
    Ich kann mit den Quelltexten nen wenig was anfangen aber meine Kenntnisse dahingehend sind bis dato noch sehr beschränkt.
    Werde mich morgen mal mit nem Kollegen zusammensetzen und auf Erleuchtung hoffen.

    Danke nochmal onip und ich hoffe mal ich bin nicht zu anstrengend auf Grund von fehlendem Wissen.
     
  7. 21. September 2011
    AW: Zwei statische Werte übergeben sowie ausführen ???

    Über Formulare kannste dich hier und bezüglich AJAX (native JS) hier und hier, oder AJAX in jQuery hier informieren.
     
  8. 21. September 2011
    AW: Zwei statische Werte übergeben sowie ausführen ???

    Danke für die Links. Werde mich da mal durchlesen aber nen eigenes Formular möchte ich ja nicht erstellen. Es soll über ein Button nen Frame geöffnet werden und sich quasi parallel auf ner separaten Seite eingeloggt werden und die eingeloggte Darstellung erscheinen. Müsste ich wohl mit nem Script hinkriegen. Mein Problem ist das fehlende Know-How in diesem Segment.
     
  9. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.