Mootools Formular abschicken und Inhaltsänderung

Question

Ich mag würde my_div ‚s Inhalt zu ersetzen, nachdem Benutzer auf die Schaltfläche zum Senden klickt mit der Ausgabe, die von my.php kommt. Ich möchte dies mit mootools Javascript Bibliothek erreichen. Wie kann ich das machen?

<div id="my_div"> 
<form name="myform" action="http://www.domain.com/my.php" method="POST"> 
<br><br> 
<input type="text" size="25" value="Enter your name here!"> 
<br><input type="submit" value="Send me your name!"> 
</div> 

Danke fürs Lesen.

Answer 1

sollten Sie die Schaltfläche, um eine ID übermittelt geben, entschied ich mich ‚fsubmit‘ in diesem Beispiel. Und 'f' ist die ID der Form.

$('fsubmit').addEvent('click', function(e) { 
    e = new Event(e).stop(); 

    var url = $('f').get('action'); 

    var request = new Request({ 
     url: url, 
     method: 'get', 
     onComplete: function(response) { 
      $('my_div').set('html', response); 
     } 
    }); 

    request.send(); 
}); 

Oder Sie könnten eine Verknüpfung verwenden: http://mootools.net/docs/core/Request/Request.HTML

Answer 2

Eigentlich MooTools More hat dieses Form.Request Paket, das genau das tut, was Sie brauchen.