Heim > Artikel > Backend-Entwicklung > So implementieren Sie asynchrone Übertragungstechnologie mit ThinkAjax, das in ThinkPHP integriert ist
Dieser Artikel stellt hauptsächlich die Implementierungsmethode der asynchronen Übertragungstechnologie unter Verwendung des integrierten ThinkAjax vor. Jetzt kann ich ihn mit Ihnen teilen
ThinkPHP Offizielle Website Das Dokument enthält keine Informationen zur Verwendung von ThinkAjax, was die Verwendung für viele Anfänger unpraktisch macht. Ich habe mir die Zeit genommen, es eingehend zu studieren, und hoffe, dass dies der Fall ist für Anfänger hilfreich sein
Vorbereitungsarbeit:
① Zunächst müssen Sie in der Lage sein, das ThinkPHP-Framework zu verwenden
② Am besten verfügen Sie über einige Grundlagen von Ajax (Sie können sich die anderen von Xiaofei ansehen). Blog-Beitrag: Ajax-Echtzeitüberprüfung von „Benutzername/E-Mail usw.“ existiert bereits)
③ 4 js-Dokumente (klicken Sie hier, um kostenlos herunterzuladen)
Fügen Sie zuerst den Quellcode ein:
Kopieren Sie den Code Der Code lautet wie folgt:
<script type="text/javascript" src="__PUBLIC__/js/base.js"></script> <script type="text/javascript" src="__PUBLIC__/js/prototype.js"></script> <script type="text/javascript" src="__PUBLIC__/js/mootools.js"></script> <script type="text/javascript" src="__PUBLIC__/js/Ajax/ThinkAjax.js"></script> <script type="text/javascript"> function checktitle() { ThinkAjax.send('__URL__/checktitle','ajax=1&title='+$('title').value,'','checkbox'); } </script> <form action="__URL__/insert" method="post" id="myform"> <table> <tbody> <tr> <td width="45" class="tRight">标题:</td> <td> <input type="text" id="title" name="title"> <input type="button" value="检查" onClick="checktitle();"> </td> <td> <span id="checkbox"></span> </td> </tr> </tbody> </table> </form>
Code-Erklärung:
Fügen Sie ein Onclick-Ereignis für die Schaltfläche „Überprüfen“ hinzu die checktitle()-Funktion
In der checktitle-Funktion verwenden wir nur die Mitgliedsmethode send im ThinkAjax-Objekt
Senden: Funktion (URL, Pars, Antwort, Ziel, Tipps, Effekt) {...... }
Es ist ersichtlich, dass die ThinkAjax.send-Methode 6 Parameter hat:
Parameter-URL: Gibt an, dass der Client durchsucht werden soll. Mit welcher Methode auf dem Server sollen die vom Server übertragenen Daten hier zur Verarbeitung übermittelt werden? Ich sende es zur Verarbeitung an die „Checktitle-Methode unter dem aktuellen Modul“
Parameter pars: Entspricht der Parameterzeichenfolge in der Sendemethode in Ajax und gibt an, dass Daten übermittelt werden sollen. Dieser Parameter wird nur zum Übergeben verwendet Werte im Post-Modus
Parameterantwort: Benutzerdefinierte Rückruffunktion. Wenn die Rückruffunktion definiert ist, übergibt der Server die verarbeiteten Daten an die Rückruffunktion, nachdem sie verarbeitet wurde. Die Rückruffunktion verfügt über zwei Parameter: ①data②status Parameterdaten: Ordnen Sie die vom Server verarbeiteten Daten den Daten zu. Parameterstatus: Zeigt die Statusinformationen nach der Verarbeitung an. 1 bedeutet Erfolg, 0 bedeutet Fehler.
Parameterziel: Zeigt die verarbeiteten Daten an. Wo werden sie angezeigt? (oder Ausgabe), zum Beispiel: Ich weise diesen Parameter zu: checkbox, was bedeutet, dass die verarbeiteten Daten im Etikett mit id="checkbox"
Quellcode der checktitle-Methode unter dem aktuellen Modul ausgegeben werden:
Code kopieren Der Code lautet wie folgt:
<?php class IndexAction extends Action { // 首页 public function index(){ $this->display(); } // 检查标题是否可用 public function checkTitle() { if(!empty($_POST['title'])) { $Form = D("Form"); if($Form->getByTitle($_POST['title'])) { $this->error('标题已经存在'); } else { $this->success('标题可以使用!'); } } else { $this->error('标题不能为空...'); } } } ?>
Verwandte Empfehlungen:
So verwenden Sie Ajax, um JSON-Daten in ThinkPHP zu empfangen
Benutzerdefinierte WeChat-Freigabefunktion basierend auf thinkPHP
Das obige ist der detaillierte Inhalt vonSo implementieren Sie asynchrone Übertragungstechnologie mit ThinkAjax, das in ThinkPHP integriert ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!